Avisos
Vaciar todo

Cambiar color del header

12 Respuestas
4 Usuarios
0 Reactions
846 Visitas
Respuestas: 6
Active Member
Topic starter
 

No puedo cambiar el color del encabezado. Cuando voy a apariencia → color y estilos... la página se cuelga, por lo tanto no puedo cambiarle el color amarillo predeterminado. Intenté cambiarlo a través de CSS pero en el editor de código de Wordpress no me aparece ninguno de los elementos inspeccionados de mi web con Google Chrome

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 21/02/2018 2:52 pm
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola Jorge luis.

Añade lo siguiente a tu archivo de estilos CSS, no se si utilizas algún archivo para las modificaciones ya que carga todo en cache y no puedo ver los archivo, revisa si tienes un archivo style.css dentro de la carpeta de tu plantilla.

.bb-header.header-desktop .bottom-header {
    background-color: #ecac2e!important;
}

En este enlace tienes una tabla de colores para añadir el que quieras, solo tienes que cambiar " #ecac2e " por el código que quieras utilizar.

-> https://htmlcolorcodes.com/es/

Un saludo


 
Respondido : 21/02/2018 3:17 pm
Respuestas: 6
Active Member
Topic starter
 

Hola Pepe. Lo hice tal cual explicaste y no ha cambiado absolutamente nada.


 
Respondido : 22/02/2018 4:02 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

No veo el fichero que comenta Pepe, seguramente porque tienes comprimido los ficheros CSS.

Prueba a desactivar el plugin de Autoptimize y nos comentas para revisarlo.


 
Respondido : 22/02/2018 4:48 am
Respuestas: 6
Active Member
Topic starter
 

Ahi lo probé y sigue fallando. Adjunto captura.
Desde el sector Apariencia cuando entro a la edición de color la web se cuelga y debo refrescar para seguir navegando en el admin


 
Respondido : 22/02/2018 4:53 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Desactiva el plugin Autoptimize y nos avisas para poder revisar los ficheros CSS.


 
Respondido : 22/02/2018 4:58 am
Respuestas: 6
Active Member
Topic starter
 

Ya está desactivado


 
Respondido : 22/02/2018 4:59 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Tienes que subir el siguiente código en el fichero style.css de tu plantilla:

.bb-header.header-desktop .bottom-header {
	background: linear-gradient(20deg, #ccc, #ccc)!important;
}

Tendrás que cambiar #ccc por el color hexadecimal que deseas.


 
Respondido : 22/02/2018 6:38 am
Respuestas: 6
Active Member
Topic starter
 

Si lo subo al archivo Style.css no cambia absolutamente nada. Ahora lo agregué desde CSS adicional del sector Apariencia y ahí sólo cambió en el navegador para ordenadores, pero en el móvil (que es desde donde ingresa el 85% de nuestros lectores) sigue mostrando el amarillo.


 
Respondido : 22/02/2018 2:50 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba agregando adicionalmente el siguiente código CSS:

.bb-header.header-mobile .header-row{
    background: red;
}

Saludos.


 
Respondido : 22/02/2018 5:00 pm
Respuestas: 6
Active Member
Topic starter
 

Han sido todos de gran ayuda. Hemos podido resolver el inconveniente en el navegador para ordenadores y móviles. No pudimos cambiarlo en AMP pero nos dieron una gran mano.
MUCHAS GRACIAS


 
Respondido : 22/02/2018 5:19 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Que bueno que lo solucionaste.

Saludos.


 
Respondido : 22/02/2018 5:34 pm