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
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
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.
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
Buenas tardes,
¿Como puedo importarla?
Gracias.
Un saludo,
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
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