Avisos
Vaciar todo
Administración PrestaShop
5
Respuestas
3
Usuarios
0
Reactions
510
Visitas
Topic starter
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
Respondido : 03/10/2017 5:46 am
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
Respondido : 03/10/2017 6:29 am
Topic starter
y para cambiar el fondo por una imagen como la que envié..?
saludos
Respondido : 03/10/2017 7:52 pm
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.
Respondido : 03/10/2017 9:38 pm
Topic starter
Gracias ya quedó como queriamos, lo editamos desde css global antes de ver la respuesta...de cualquier manera muchas gracias
Respondido : 04/10/2017 12:25 am
