menu Modificar menú superior desde custom.css

[crespil]

Buenas tardes a todos:
Estoy trabajando con la versión 1.7.3.0 con el tema por defecto y necesito hacer algunas modificaciones al menú superior.
Intenté hacerlo desde el archivo themes/classic/assets/css/custom.css y no logro que los cambios se apliquen.

Sí en cambio funcionan las modificaciones en los colores de fondo del header y otros.
¿¡Por favor, alguien podría indicarme cuales son los estilos que debo modificar?

Saludos y Gracias por anticipado.

 

[aixos]

Hola

actualiza a prestashop 1.7.4.2 , siempre es mejor tener la última versión

saludos

[nadie]

hace 20 horas, crespil dijo:

Buenas tardes a todos:
Estoy trabajando con la versión 1.7.3.0 con el tema por defecto y necesito hacer algunas modificaciones al menú superior.
Intenté hacerlo desde el archivo themes/classic/assets/css/custom.css y no logro que los cambios se apliquen.

Sí en cambio funcionan las modificaciones en los colores de fondo del header y otros.
¿¡Por favor, alguien podría indicarme cuales son los estilos que debo modificar?

Saludos y Gracias por anticipado.

 

Hola,

Buenas tardes,

Te pongo un ejemplo:

Cambiar el color de los enlaces (nivel 0)

Adjunto Captura

Vemos que hace referencia al fichero:

 

/themes/classic/assets/css/theme.css

En la siguiente línea:

#header .header-top a[data-depth="0"] {
    color: #7a7a7a;
    text-transform: uppercase;
}

Depende modificar el theme.css que yo no recomiendo modificarlo directamente, podrías copiar la línea que te he comentado en el fichero:

 

/themes/classic/assets/css/custom.css

Y añadirla, cambiando lógicamente el valor de la propiedad "color"

Por otro lado, para asegurarse de que el cambie afecte esclusivamente en el menu horizontal es mejor esto:

 

#header .header-top #top-menu a[data-depth="0"] {
    color:codigo_de_color;
}

Si bien desde "inspeccionar elemento" vemos que hace referencia a #header .header-top a[data-depth="0"] y cambiando el valor de la propiedad color lo cambia, mejor añadirle el #top-menu para no tener sustos en un futuro.

Recuerda cuando añadas la regla en el custom.css, limpiar la cache del navegador sino ves los cambios, y aunque en principio no suele hacer falta limpia la cache de PrestaShop en la pestaña Parámetros Avanzado -> Rendimiento (pero ya te digo que esto normalmente no hace falta)

---

La captura que te he adjuntado, lo puedes ver, por ejemplo, desde chrome, con botón derecho ratón => inspeccionar elemento

Saludos,

PD: Lo que te he comentado es en base a PS 1.7.4.2 con la plantilla por defecto, pero no debería variar en principio con la versión que usas, aunque como dice el compañero @aixos es recomendable tener actualizada la tienda.

Añado lo que te he comentado resumido en este artículo => https://victor-rodenas.com/cambiar-colores-de-los-enlaces-del-menu-horizontal-en-prestashop-1-7/

Edited September 15, 2018 by nadie (see edit history)

[crespil]

Muchas gracias por sus respuestas. Ya actualicé a la última versión y estoy probando los cambios que, de momento, funcionan perfecto.
Saludos!