Personalizar menú p...
 
Avisos
Vaciar todo

Personalizar menú prestashop

4 Respuestas
3 Usuarios
0 Reactions
1,072 Visitas
Respuestas: 1055
Noble Member
Topic starter
 

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


 
Respondido : 10/09/2015 2:33 pm
Rafael
Respuestas: 1975
Noble Member 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


 
Respondido : 10/09/2015 4:24 pm
Respuestas: 1055
Noble Member
Topic starter
 

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


 
Respondido : 11/09/2015 8:09 am
Lorena
Respuestas: 1698
Noble Member 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.


 
Respondido : 11/09/2015 8:58 am