Personalizar menú prestashop  

 
Alexandra
 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
 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.

https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel.html

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 10/09/2015 5:24 pm

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

Alexandra
 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
 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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/09/2015 9:58 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Por favor Iniciar Sesión o Registro