¿Te ha pasado que después de dedicar tiempo a ajustar los estilos de tu web en WordPress, al refrescar la página… todo sigue igual? Has modificado tu CSS, te aseguras de que guardaste correctamente, recargas y no hay ni rastro de los cambios. Empiezas a dudar de ti mismo, revisas el código una y otra vez y aun así, tu web se empeña en mostrar la misma versión anterior.
Este es uno de los problemas más comunes y frustrantes que sufrimos los que trabajamos con WordPress: los cambios no se reflejan en el frontend. Y en la mayoría de los casos, el culpable es claro: la caché. Pero no es el único.
Hoy te explico por qué sucede esto, por qué la caché es el sospechoso número uno y qué otras causas pueden estar detrás para que tus ajustes de CSS no se apliquen como deberían.
1. El principal sospechoso: tu plugin de caché
Si usas LiteSpeed Cache, WP Rocket, W3 Total Cache o cualquier otro plugin de caché, es muy probable que esté guardando una versión antigua de tu web.
Estos plugins están diseñados para acelerar la carga de la página almacenando versiones estáticas del contenido, pero cuando modificas algo (como tu CSS) y no vacías la caché, seguirá mostrando la versión «vieja».
Solución: entra en el plugin de caché y haz un «borrar caché» o «purge all cache». Luego recarga la página con un Ctrl + F5 para asegurarte de que se ha limpiado también la caché del navegador.
2. La caché del navegador también juega
Aunque limpies la caché de WordPress, el navegador puede seguir mostrando los archivos antiguos desde su propia memoria.
Solución: haz un hard refresh (Ctrl + F5) o abre la web en modo incógnito para ver si los cambios aparecen.
3. CDN como Cloudflare y otros
Si usas Cloudflare u otro CDN, puede que el contenido esté cacheado a nivel de red global.
Solución: entra en tu cuenta de Cloudflare (o el CDN que uses) y haz un «purge cache» completo o sólo del archivo CSS afectado.
4. Minificación o combinación de CSS y JS
Muchos plugins de caché también minifican y combinan archivos CSS y JS para optimizar la velocidad. Si no se regeneran correctamente tras tus cambios, es posible que la web siga sirviendo los archivos antiguos.
Solución: desactiva la minificación temporalmente para comprobar si tus cambios ya se reflejan.
5. Cambios en el archivo equivocado
Puede que estés editando el tema padre cuando deberías estar trabajando en un child theme o modificando un archivo CSS que no está siendo cargado en la página.
Solución: verifica que estás tocando el CSS correcto y que está realmente enlazado en tu web.
6. Constructores visuales con CSS interno
Algunos page builders guardan los estilos dentro de archivos generados dinámicamente o incluso en la base de datos, por lo que podrías estar editando un CSS externo y que el constructor lo esté sobreescribiendo.
Solución: revisa si tu builder (Elementor, Divi, etc.) tiene opciones de regenerar CSS o limpiar su propia caché interna.
7. Caché a nivel de servidor
Algunos hostings aplican una capa de caché en el servidor (NGINX, Varnish, etc.) que puede estar mostrando archivos antiguos.
Solución: accede al panel de tu hosting y busca la opción de «purge cache» o contacta con soporte para limpiar la caché del servidor.
Conclusión
Cuando tu CSS no se refleja en el frontend, lo más probable es que la culpa sea de la caché (o de varias cachés a la vez). Pero ahora ya sabes cómo identificar rápido la causa y ponerle solución sin volverte loco.
¿Te ha pasado a tí también?