Personalizar menú prestashop

Alexandra

Noble Member

Hola buenos días! Quisiera personalizar el menú superior, junto con el resto de enlaces de este color de fondo: #fa00f8 y la letra en color # 090909 Según veo la ruta es: modules/themeconfigurator/css/theme2.css. Pero no estoy segura de ¿cómo cambiar con el código personalizado todo a la vez, en lugar de ir en uno en uno? Espero que me entiendan 😉

Gracias!

URL del sitio: Contenido solo visible a usuarios registrados

Citar

Respondido : 10/09/2015 3:33 pm

Rafael

Miembro Moderator

Buenos días Alexandra,

Sí, tienes que modificar el archivo -> theme2.css ( modules/themeconfigurator/css/theme2.css )

Para ello, ayúdate del Administrador de Archivos de cPanel.

Busca el siguiente código y añade esto:

Línea 88

#header .sf-menu > li > a {
    border-bottom: 3px solid #E8E8E8;
}

Por esto:

#header .sf-menu > li > a {
background-color: #fa00f8;
color: #090909;
}

Y en la línea 91:

#header .sf-menu > li.sfHover > a, #header .sf-menu > li > a:hover, #header .sf-menu > li.sfHoverForce > a {
    color: #FFF;
    background: none repeat scroll 0% 0% #F44051;
    border-bottom-color: #CE2434;
}

Cambia #F44051; por #FB009F;

De esta forma se verá rosado más fuertecito al hacer clic por encima.

Saludos

ResponderCitar

Respondido : 10/09/2015 5:24 pm

Alexandra

Noble Member

Hola gracias! El menú principal cambio. Pero los botones por ejemplo del buscador, los de información de envío, contacto (que está en el footer justo al lado del likebok facebook), los botones más populares, más vendidos y por último el botón de añadir al carrito de compra siguen con el color antiguo.

Supongo que habrá que localizar esos botones y reemplazar el color?

Saludos

ResponderCitar

Respondido : 11/09/2015 9:09 am

Lorena

Miembro Moderator

Hola Alexandra,

Así es. En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

- www.webempresa.com/blog/item/282-usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Firebug Lite for Google Chrome:
- chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- addons.mozilla.org/es-es/firefox/addon/firebug/

También puedes revisar https://www.webempresa.com/blog/item/1837-como-modificar-estilos-css-en-plantillas-joomla-wordpress-o-prestashop.html

Un saludo.

ResponderCitar

Respondido : 11/09/2015 9:58 am