Avisos
Vaciar todo

Cambiar color de la barra de menú  

 
Alízaro
 Alízaro
Estimable Member

Hola:
Por el estilo de la plantilla Palene, el color de la barra de menú en la página principal sale el mismo que se elige en "color de enlace", pero más oscuro. En mi caso no me gusta, quiero que tenga el mismo color que el enlace. Imagino que será cuestión de código en la plantilla. ¿Me podéis echar una mano?
Saludos.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 15/06/2016 6:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Podrìas cambiar el color por CSS, ubica este archivo :
/lacalle/wp-content/themes/palene_wp/style.css

Al final agrega el siguiente còdigo :

.menu-block{
	background-color:#b22636;
}

Puedes cambiar el còdigo de color de acuerdo a lo que quieres.

Saludos.

ResponderCitar
Respondido : 15/06/2016 8:56 pm

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

Alízaro
 Alízaro
Estimable Member

Hola, John:
Gracias, resultó.
Cuando haga actualizaciones de wordpress, ¿se me irá esta codificación?
Y, por último, si quiero el efecto contrario, es decir, que quede todo el fondo blanco y salga un recuadro rojo al pasar por los items de la barra, ¿sería muy complicado el css?
Saludos.

ResponderCitar
Respondido : 15/06/2016 9:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Sólo perderías los cambios si actualizas el theme que estas usando.
Sin embargo puedes evaluar hacer un archivo personalizado con lo cual no perderías tus cambios, revisa :
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

Con respecto al diseño con fondo blanco, puedes probar el siguietne código (solo funcionaría para el primer nivel) veo que no tienes submenús por lo que no habría problema

.menu-block{
	background:white;
}

.gf-menu .item{
	color:#b22636; 
}

.gf-menu .item:hover{
	background:#b22636;
}

#rt-top-surround a:hover{
	color:white!important;
}

.gf-menu.l1 > li.active > .item{
	color:black;
}

Saludos.

ResponderCitar
Respondido : 15/06/2016 11:38 pm

Cursos Gratuitos WordPress