Cambiar tamaño de l...
Avisos
Vaciar todo

Cambiar tamaño de letra menú y submenú prestashop  

 
Enrique
 Enrique
Famed Member

Buenas tardes,

Me gustaría poner el mismo tamaño de letra al menú y submenú que esta web:

nazza.es

También ponerle borde a la derecha e izquierda en el sumbenú. Debajo de la línea del último item del sumbenú también aparece un pequeño fondo en vez de terminar en la línea.

A ver si me podéis echar una mano.

Gracias.

Un saludo,

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 21/09/2017 1:16 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Enrique.

El tamaño que tiene configurado es de 22px, pero eso dependerá de la fuente de texto que se utilice, es decir en la web copia utiliza la fuente " Cuprum " y en la original utiliza " Yanone Kaffeesatz "

ul.treelinks li a {
    font-size: 22px;
}

#mega_menu_plus .menu-item-link-text {
font-size:22px;
}

Revisa esto y luego vemos los demás puntos que quieres modificar 😉

Un saludo

ResponderCitar
Respondido : 21/09/2017 1:45 pm

Cursos Gratuitos WordPress

Enrique
 Enrique
Famed Member

Buenas tardes,

Le he cambiado el tipo de letra y le he puesto 22px de tamaño pero aparece muy grande, la he bajado a 20px y sigue apareciendo grande, más grande que en la original.

Echa un vistazo cuando puedas.

Un saludo, Enrique P.

ResponderCitar
Respondido : 21/09/2017 2:31 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Enrique.

Puedes variar el tamaño de la fuente, por ejemplo :
font-size: 17px;

Vi que añadiste el tipo de letra de la original en el código que te pase, si esa fuente no la tienes cargada en tu web, no se visualizara y tomara por defecto " Arial ".

Es una fuente que esta disponible en google font y puedes importarla -> https://fonts.google.com/?query=Yanone+Kaffeesatz

Un saludo

ResponderCitar
Respondido : 21/09/2017 3:23 pm

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

Enrique
 Enrique
Famed Member

Buenas tardes,

¿Como puedo importarla?

Gracias.

Un saludo,

ResponderCitar
Respondido : 25/09/2017 11:47 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Enrique.

Añade el siguiente código a tu archivo de estilos CSS, tienes que añadirlo al principio del archivo:

@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');

Una vez importada tienes que modificar los estilos de los textos que quieres con ese tipo de letra.

Un saludo

ResponderCitar
Respondido : 25/09/2017 12:10 pm

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

Enrique
 Enrique
Famed Member

Buenas tardes,

Ya lo he cambiado.

Dependiendo del monitor donde veamos la web, el menú se pone en una o dos líneas.

Adjunto ejemplo.

El menú solo debe de aparecer en una página, sería posible?

Gracias.

Un saludo, Enrique P.

ResponderCitar
Respondido : 25/09/2017 12:52 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Enrique.

Tienes dos opciones.

1º- Modifica el temaño del texto y lo haces mas pequeño para que quepa en una linea.

2º- usar la etiqueta @media para definir un tamaño de texto según la resolución:

Por ejemplo:

@media screen and (max-width: 780px) {
ul.treelinks li a {
    font-size: 15px;
}
 
#mega_menu_plus .menu-item-link-text {
font-size:15px;
}
}

Un saludo

ResponderCitar
Respondido : 25/09/2017 1:50 pm