Añadir el código CSS en WordPress correctamente

¿Estás teniendo problemas con el código CSS en tu WordPress? ¿Te da un error al guardarlo en el archivo Style.css de tu theme child de Rehub?

No te preocupes en un momento lo tendrás solucionado porque en este post voy a explicarte un método alternativo, infalible y duradero.


⇒ Brevemente, ¿qué es un código CSS y para que sirve?


Una página web se suele construir con un lenguaje de programación, normalmente HTML. Este lenguaje podríamos decir que es como la estructura de una vivienda, son los pilares donde se sostiene todo.

Para separar esta parte tan importante de otros temas secundarios se utiliza el lenguaje CSS, el cual se fusiona perfectamente con el primero y no lo modifica para nada, evitando desastres mayores en tu página. Es como el decorador de tu casa.

Con el CSS se pueden modificar aspectos de presentación como colores, imágenes, tipología de letras, espacios y encuadres de los objetos, sombras, etc. Es la programación de la apariencia de tu web.

Un ejemplo claro sería cualquier botón de tu página, el cual estaría construido de tal forma que, se encontraría situado en un lugar específico y al hacer clic sobre él, ejecutaría una acción predeterminada. Todo ello está programado con HTML.

El color de las letras de este botón, el fondo, el relieve, sus medidas, su sombreado, si se activa al pasar el ratón sobre él o si cambia de color cuando se pulsa, todo esto se programa con el lenguaje CSS.

Ahora que ya tienes claro que es y para que sirve seguimos con lo que nos interesa . . .


regresar al menú ↑

⇒ ¿Dónde has metido el CSS exactamente?


Primero que nada quiero recordarte que hay un Anexo 1 en el que actualizo dónde tienes que pegar tanto el CSS como el PHP. Estos códigos van en un word, que me imagino que te habrás descargado junto con todos los archivos necesarios para completar el proceso de adaptar de tu web, blog o eCommerce al RGPD.

Guardar CSS mal

Si no has leído esa entrada y has introducido el código CSS en Apariencia > Editor > Rehub Theme, debo decirte cuatro cosas:

este es un sitio peligroso donde meter la mano y hay que ir con mucho cuidado

 puede que esta sea la causa del error que te está dando al guardar el código

 seguramente perderás esta modificación cuando actualices tu theme Rehub

 deberías revisar ese Anexo 1 también, ya que podría evitarte muchos problemas y te ayudará a solucionarlo rápidamente

Si por el contrario ya has realizado esta modificación pero sigue apareciéndote el error al «Actualizar archivo» entonces estarás intentando introducir el código aquí:

Guardar CSS regular

En ambos casos, lo mejor es que no sigas y no guardes nada en ninguno de esos dos sitios.


regresar al menú ↑

⇒ Entonces, ¿dónde tengo que añadirlo?


Mi consejo, que te sirve para este caso en concreto o para el futuro cuando quieras introducir algo de código CSS en tu web por medio de WordPress, es que lo hagas desde una funcionalidad que tiene la plataforma habilitada para estos casos. Es muy sencillo trabajar con ella, fácil de encontrar y además vas viendo las modificaciones que estás introduciendo en el mismo instante que lo haces.

La puedes encontrar en Apariencia > Personalizar > CSS Adicional, como puedes ver en las imágenes siguientes:

Guardar CSS bien

Guardar CSS adicional


Personalizacion CSS adicional

Dentro de este cajón es donde debes ir introduciendo todo el CSS, tanto si es para modificar tu página como si es para añadir algo nuevo.

Para el caso de querer cambiar el color de los links que aparecen en la barra emergente de cookies del RGPD, como sabes tienes un código bastante largo que te puedes descargar tú mismo como explico en esta entrada.

Es tan extenso porque desde ahí se pueden alterar muchas propiedades del aviso de las cookies, pero a ti solamente te interesa darle otro color a los enlaces para que destaquen del fondo, ya que ahora mismo están en gris oscuro y no se distinguen.

Por ese motivo, lo mejor es que solamente pegues en la columna habilitada la parte correspondiente a este atributo y te olvides del resto. Recuerda que para que funcione correctamente tienes que dejar el código encerrado entre corchetes { } como puedes apreciar en la imagen.

CSS adicional


Y ya está todo, así de sencillo, rápido y fácil es dejarlo en el lugar adecuado para que no se pierda con las actualizaciones de tu theme Rehub o el que tengas, y para asegurarte de que solamente te va a dar un error si el código CSS que estás introduciendo no está bien escrito.


regresar al menú ↑

⇒ Aquí tienes un vídeo que te ayudará a hacerlo


En este vídeo de apenas 5 minutos te explico brevemente y sin rodeos cómo y dónde debes pegar el código, ya que lo hago como ejemplo en una de mis webs de pruebas.

Espero que esta entrada te haya solucionado el problema y puedas seguir adelante.

Espero tus dudas, comentarios, críticas o aquello que consideres oportuno para ayudarte.


El tiempo es lo único que no se puede comprar con dinero. Por este motivo estoy en una constante evolución para disfrutar el máximo de este bien con mi familia.

Estaremos encantados de escuchar lo que piensas

      Deje una respuesta



      Información sobre protección de datos:
      Los comentarios son revisados y aprobados por el responsable antes de publicarlos
    1. Responsable: Juan Miguel Ortells Sellés
    2. Fin del tratamiento: Controlar el spam y gestión de comentarios
    3. Legitimación: Tu consentimiento
    4. Durante cuanto tiempo: Hasta que tú lo decidas
    5. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
    6. Derechos: Información, Acceso, Opisición, Rectificación, Olvido, Portabilidad, Limitar, No ser objeto de decisiones individualizadas y Presentar una reclamación ante la autoridad de control
    7. Contacto: info@temiblergpd.eu
    8. Información adicional: Más información en nuestra Política de Privacidad

    9. Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

      El inicio de sesión/registro está temporalmente inhabilitado
      Hola soy Juanmi, ¿te puedo ayudar?
      Powered by