Avisos
Vaciar todo

Modificacion en menu Mega de Teline iV  

 
Alejandro
 Alejandro
Estimable Member

Hola, tengo un problema con la barra de menu de Teline IV. Como ya tengo mas categorias en la página principal, tengo que ocupar la segunda linea (ver web).

Me aparecen 2 problemas,

1 - Los bordes que rodean al nombre del item, no aparecen completamente al aparecer la segunda linea. Ver primer fichero.

2 - He intentado "ensanchar" los margenes de los nombres de categorias modificando el padding en el fichero mega.css , y lo curioso es que hay algunas que corresponden a otros componentes (sobripro, VM, jevents), que no se "ensanchan" Ver segundo fichero

Supongo que hay que tocar el fichero mega.css, pero no se donde. Agradeceré me echeis una mano.

URL del sitio: mecuidomucho.com

Citar
Respondido : 20/07/2012 1:33 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Alejandro,

Los menús están preparados para mostrarse en una sola linea no en dos. Puedes intentar reducir el número de los mismos, o modificando CSS hacer que la letra de los mismo sea más pequeña y reducir el padding en los botones.

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 ofrecemos soporte a webs alojadas en localhost ni soporte css o programación.

Saludos

ResponderCitar
Respondido : 20/07/2012 3:00 pm

Cursos Gratuitos WordPress

Alejandro
 Alejandro
Estimable Member

Si, pero ese linea de la parte superior no puede también aparecer en la inferior? De donde depende esa linea?

ResponderCitar
Respondido : 20/07/2012 3:22 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Alejandro,

Disculpa que no me he explicado bien. El menú esta preparado para mostrarse en una fila, y no en dos. Por eso te indicaba en mi respuesta anterior varias ideas para que se muestre en una sola fila.

Saludos

ResponderCitar
Respondido : 20/07/2012 3:47 pm

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

Alejandro
 Alejandro
Estimable Member

Reducir era imposible por la larga lista (a no ser que regalase una lupa a cada visitante).

No obstante, ya lo he encontrado.

Se trata de añadir hacia la linea 32 lo siguiente:

border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;

añadir un padding-right a la linea 62, y jugar con el espaciado de padding de linea 61 y 62 hasta conseguir ajustar.

Puedes cerrar el tema

ResponderCitar
Respondido : 20/07/2012 4:53 pm