Si tu CSS personalizado funciona en el editor pero no en el sitio publicado, el problema suele ser la caché o un archivo de estilos generado que no se ha regenerado. Otras veces, otro estilo con mayor especificidad lo anula.
Orden de revisión
- Limpia la caché del navegador y del sitio.
- Regenera los archivos CSS de Elementor desde sus herramientas.
- Limpia la caché de la CDN, si la usas.
- Comprueba el código con las herramientas de desarrollo del navegador.
- Revisa si otro estilo más específico lo anula.
- Verifica que el CSS esté donde corresponde: en el widget, en la página o en el sitio.
Problemas de especificidad
Si una regla de tu CSS aparece tachada en el inspector, otra la anula. Aumenta la especificidad del selector con cuidado o ajusta el estilo desde el propio editor. Evita abusar de reglas que fuerzan prioridad, porque dificultan el mantenimiento.
Buenas prácticas
- Centraliza el CSS personalizado en un único lugar.
- Documenta qué hace cada bloque.
- Evita duplicar estilos que ya ofrece el tema.
- Prueba en el móvil, no solo en el escritorio.
Impacto en velocidad
El CSS adicional también pesa. Elimina reglas que no uses y evita cargar fuentes o librerías redundantes. Revisa el efecto en las métricas con Core Web Vitals para agencias.
En resumen
- Orden de revisión: Limpia la caché del navegador y del sitio.; Regenera los archivos CSS de Elementor desde sus herramientas.
- Problemas de especificidad: Si una regla de tu CSS aparece tachada en el inspector, otra la anula.
- Buenas prácticas: Centraliza el CSS personalizado en un único lugar.; Documenta qué hace cada bloque.
Preguntas frecuentes
¿Por qué se ve bien en el editor pero no en el sitio?
El editor carga los estilos de forma distinta; la versión publicada depende de archivos en caché.
¿Puedo usar el personalizador del tema en vez de Elementor?
Sí, aunque conviene mantener una sola fuente de CSS para no perder el control.
¿Debo usar !important?
Solo como último recurso; puede complicar futuros cambios.
¿El CSS se pierde si actualizo Elementor?
El CSS guardado en el sitio se conserva, pero conviene tener una copia por si hace falta restaurarlo.