Avisos
Vaciar todo

como editar el color del menu superior para la plantilla Himalia y fondo  

 
Ignacio
 Ignacio
Usuario eminente

Voy bien ingrensando y editando textos...pero ya ahora requiero editar el color del menu superior (de hecho los dos horizontales) asi como tratar de color una imagen de fondo para exclusivamente el header...adjunto una muestra de como requeriria quedar....obvio lo iconos no ...

Alguna idea ya me he revisado muchos post de HImalia y como que no me quedan aún...me ayudan?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 03/10/2017 6:46 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Para editar el color puedes ir a la ruta: themes/Himalia/css/customuser.css e insertar el código:

header .nav, a:hover .titulo_carrito, #search_block_top .btn.button-search:hover, .sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .button.ajax_add_to_cart_button, ul.product_list.grid > li .product-container .button-container a:hover, ul.product_list.grid > li .product-container .button-container a:first-child, ul.product_list.grid > li .product-container .button-container:hover a:hover:first-child, #cmsinfo_block em, .button.button-small:hover, .button.button-medium:hover, .button.exclusive-medium span:hover span, .button.lnk_view:hover, .price-percent-reduction, .box-info-product .exclusive span, #reduction_percent, #reduction_amount, ul.product_list .product-image-container .quick-view, ul.product_list .functional-buttons div a, ul.product_list .functional-buttons div label, #menu-bar {
	background: #42a8bf;
}

Donde #42a8bf; tendrás que cambiar por el nuevo color hexadecimal

ResponderCitar
Respondido : 03/10/2017 7:29 am

Ignacio
 Ignacio
Usuario eminente

y para cambiar el fondo por una imagen como la que envié..?

saludos

ResponderCitar
Respondido : 03/10/2017 8:52 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con el siguiente código CSS:

#header > div:nth-child(2) {
	background-image:url('https://www.webempresa.com/images/stories/robot-foro_WE.png')
}

Lógicamente tienes que cambiar la url de la imagen, puedes agregar este código al final de tu archivo customuser.css de tu theme.

Saludos.

ResponderCitar
Respondido : 03/10/2017 10:38 pm

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

Ignacio
 Ignacio
Usuario eminente

Gracias ya quedó como queriamos, lo editamos desde css global antes de ver la respuesta...de cualquier manera muchas gracias

ResponderCitar
Respondido : 04/10/2017 1:25 am