Avisos
Vaciar todo

Cambiar tamaño letra Menu a través de css..  

 
Raúl Ramón Val
 Raúl Ramón Val
Noble Member

Deseo cambiar el tamaño de la letra del menu superior a través de css. Actualmente en la web el tamaño del submenu es del mismo tamaño que el menu principal, pero me gustaria que el tamaño del menu superior fuera algo superior al tamaño del submenu. Actualmente intento cambiar el tamaño pero me cambia el tamaño de ambos, manteniendolo siempre igual.

Muchas gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 25/08/2014 10:39 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Raul,,

Modificando:

ul.sf-menu ul li a, ul.sf-menu ul li span.separator {
    font-size: 14px !important;
}

veo que cambia unicamente el tamaño de los elementos de menú desplegables.

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:

-

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

No atendemos consultas de CSS ni Programación en el foro, después de nuestra experiencia de varios años atendiendo consultas sobre Joomla nos encontramos que la mayoría de usuarios que quieren modificar CSS acaban "estropeando" sus webs o bien por hacer modificaciones que luego no funcionan en los diferentes navegadores o bien por hacer modificaciones que acaban empeorando el diseño original de la plantilla.

Creemos que los clientes que no tienen conocimientos de CSS es mejor que usen joomla, para sacarle más partido a los contenidos y funcionalidades que permite joomla o sus extensiones y no creemos que sea recomendable realizar cambios CSS, para ello recomendamos usar plantillas profesionales de los diferentes clubes que desarrollan plantillas para joomla y partiendo de una buena plantilla rara vez es necesario tener que cambiar CSS.

También te recomendamos estos libros gratuitos sobre CSS que te permitirán iniciarte en CSS, tienes el libro de introducción y el avanzado:
http://www.librosweb.es/

Podemos recomendarle que consulte disponibilidad, condiciones y coste con nuestras empresas colaboradoras, especializadas en personalizaciones para Joomla.
Aquí tiene el Directorio de Empresas colaboradoras de webempresa.com:
https://www.webempresa.com/directorio-colaboradores.html

Saludos

ResponderCitar
Respondido : 25/08/2014 11:06 am

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

Raúl Ramón Val
 Raúl Ramón Val
Noble Member

Gracias Jordi, creo que no me has entendido bien. Ese codigo ya lo tenía modificado, pero lo que realmente necesito es aumentar el tamaño del texto del menu principal

inicio-nosotros-------contacto

con respecto a los de los submenus, es decir que el tamaño del menu principal sea mayor al de los submenus...

Gracias por tu ayuda

ResponderCitar
Respondido : 25/08/2014 11:43 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Lo que te comenta Jordi es correcto. Lo que veo es que estás aplicando en el archivo templates/theme1681/css/theme1681-custom.css el siguiente estilo:

ul.sf-menu{
   float:left!important;
   padding-left:50px!important;
   font-size: 24px !important;
}

Es posible que el font-size: 24px !important; sobreescriba a los anteriores estilos que se aplican. Colocando un código como el que te comentaba Jordi al final del archivo theme1681-custom.css te tendría que funcionar, ya que ese estilo se aplicaría sobre los demás.

Por otro lado veo que en el archivo theme1681-custom.css tienes partes de código css erróneo, como la siguiente, que tendrías que corregir o eliminar:

/*.sf-menu  sf-js-enabled sf-shadow{
   font-family:Fjalla One,sans-serif;
   font-size:20px;
}*/

/*.sub-menu{
   font-family:Fjalla One,sans-serif;
   font-size:10px!important;
}*/
/*ul.sf-menu ul li a, ul.sf-menu ul li span.separator{
   font-size:14px!important;
}*/
ResponderCitar
Respondido : 25/08/2014 4:41 pm

Cursos Gratuitos WordPress