Avisos
Vaciar todo

Cambiar color del header  

 
Jorge Luis
 Jorge Luis
Usuario activo

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

Citar
Respondido : 21/02/2018 2:52 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 21/02/2018 3:17 pm

Cursos Gratuitos WordPress

Jorge Luis
 Jorge Luis
Usuario activo

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

ResponderCitar
Respondido : 22/02/2018 4:02 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro 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.

ResponderCitar
Respondido : 22/02/2018 4:48 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Jorge Luis
 Jorge Luis
Usuario activo

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

ResponderCitar
Respondido : 22/02/2018 4:53 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

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

ResponderCitar
Respondido : 22/02/2018 4:58 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jorge Luis
 Jorge Luis
Usuario activo

Ya está desactivado

ResponderCitar
Respondido : 22/02/2018 4:59 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro 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.

ResponderCitar
Respondido : 22/02/2018 6:38 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jorge Luis
 Jorge Luis
Usuario activo

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.

ResponderCitar
Respondido : 22/02/2018 2:50 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba agregando adicionalmente el siguiente código CSS:

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

Saludos.

ResponderCitar
Respondido : 22/02/2018 5:00 pm

Cursos Gratuitos WordPress

Jorge Luis
 Jorge Luis
Usuario activo

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

ResponderCitar
Respondido : 22/02/2018 5:19 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Que bueno que lo solucionaste.

Saludos.

ResponderCitar
Respondido : 22/02/2018 5:34 pm

wpdoctor-revisa-la-salud-de-tu-wordpress