Jump to content

Cambiar el color del menu horizontal


Recommended Posts

Hola

 

Necesito cambiar el color del menú horizontal de mi web.

Miré por muchos sitios y no lo veo claro.

A ver si alguién me puede enviar algún fichero ya cambiado porque no quiero estropear nada.

 

 

El tema por defecto de prestashop es el que a todos les sale quiero poner en color verde un poquito oscuro las categorias.

Y si es posible las categorias que salen en el lateral izquierdo cambiar de color.

 

Gracias.

Link to comment
Share on other sites

Hola Valeria 

 

Tendrias que modificar el css del modulo del menu. La ubicacion del archivo seria:

 

...tu_web\themes\default-bootstrap\css\modules\blocktopmenu\css\superfish-modified.css

 

aproximadamente en la linea 13 esta esta clase con codigo:

.sf-menu {
    position: relative;
    padding: 0;
    width: 100%;
    border-bottom: 3px solid #e9e9e9;
    background: #000;
}

Donde dice background tienes que colocar el color en hexadecimal o en rgba.

 

Saludos

Link to comment
Share on other sites

Hola

Gracias he podido cambiar el color.

Ahora me falta cambiar donde pone el texto.

¿Cómo lo hago ?

 

Aproposito para cambiar el color de los desplegables que se ponen en el laterial izquierdo 

¿para cambiar el color de estos desplegables cómo lo hago ?

 

Gracias por todo.

Link to comment
Share on other sites

Para los demas elementos del menu es en el mismo archivo:

.sf-menu > li > a {
    font: 600 18px/22px "Open Sans", sans-serif; 
    text-transform: uppercase;
    color: #febd20;
    display: block;
    padding: 17px 10px;
    border-bottom: 3px solid #e9e9e9;
}

donde dice color ahi podras cambiar el color de la letra esta clase esta aproximadamente en la linea 60

 

Y de los submenus:

.sf-menu ul {
    position: absolute;
    top: -999em;
    background: #fff;
}

En el mismo archivo (superfish-modified.css) en la linea 23 aprox. en background cambias el color del fondo.

 

Para la fuentes de submenus seria aqui:

.sf-menu li li li a {
    display: inline-block;
    position: relative;
    color: #777777;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    padding-bottom: 10px;
}

En la linea 73 en color podras cambiar el formato de las fuentes dentro del medusa.

 

Saludos

Link to comment
Share on other sites

  • 1 year later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...