Cambiar color fuente menu Joomla

[MicroHack]

Hola a todos :)

He creado y editado una web en Joomla y ahora llevo unos dias intentando cambiar el color de la fuente del menu principal porque no contrasta bien por el fondo que he insertado nuevo (antes era amarillo y ahora gris)

Para que se vea más claro: http://j-personalfitness.com/

El caso es que quiero editar el archivo CSS encargado de dar estilo a ese menu (posicion) pero no consigo localizarlo. Al ser un CMS tiene mil archivos la web y tiene nos cuantos archivos de estilo, todo ello añadido a que mi poca experiencia con el CSS, que diria que es casi nula....

Alguien me puede dar una pista para localizar el archivo css que tengo que editar para realizar la modificacion que quiero? He utilizado el Firefbug (plugin de firefox) pero se utilizarlo tan bien...Por favor ayudadme porque tengo poco tiempo tras el trabajo y llevo dias con esto, lo agradeceria en el alma....

Gracias por adelantado, un saludo a todos.

[RALlave]

Hola.

Utiliza el web developer de Mozilla, sirve para localizar css de etiquetas, este es el link. Una vez instalado te aparecerá una barra en el nevegador, ubica el botón CSS y clic en VER INFORMACIÓN DE ESTILOS o ctrl+may+y

Ahora una vez activo esa opción, ubica el cursor en el texto que quieres editar (el menú que hablas) y dale clic, en la parte inferior te mostrara que estilos tiene y a que archivo css hace referencia ese estilo.

Saludos...

[RALlave]

Hola nuevamente, te cuento que probe el web developer de mi mozilla y me da este reporte:

el archivo css se ubica en http://j-personalfitness.com/templat...css/layout.css
en la linea 89

#header .main_menu ul.menu li a (línea 89)

{
display: block;
font-size: 24px;
color: #2e3339;
padding-top: 5px;
padding-right: 17px;
padding-bottom: 0pt;
padding-left: 26px;
text-align: left;
text-transform: uppercase;

}

edita este color: #2e3339;

espero te sirva.

[MicroHack]

Iniciado por RALlave

Hola nuevamente, te cuento que probe el web developer de mi mozilla y me da este reporte:

el archivo css se ubica en http://j-personalfitness.com/templat...css/layout.css
en la linea 89

#header .main_menu ul.menu li a (línea 89)

{
display: block;
font-size: 24px;
color: #2e3339;
padding-top: 5px;
padding-right: 17px;
padding-bottom: 0pt;
padding-left: 26px;
text-align: left;
text-transform: uppercase;

}

edita este color: #2e3339;

espero te sirva.

Hola,

te debo una hermano, muchisimas gracias, edite la linea que comentaste y me ha servido

La cuestion ahora es que he instalado el plugin y no me da el mismo resultado que a ti, y no entiendo por que....

Si yo hago click sobre uno de los botones (texto) del menu principal (Inicio - Quien Soy - Servicios - Blog) me indica la siguiente informacion de estilo que es distinta a la que te muestra a ti, nose porque:

Código:

http://j-personalfitness.com/templates/theme687/css/position.css

* (línea 18)

{

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 0pt;

padding-top: 0pt;

padding-right: 0pt;

padding-bottom: 0pt;

padding-left: 0pt;

}
null

cufon canvas (línea 1)

{

position: relative;

}

[RALlave]

Hola, me alegra haberte ayudado.
Respecto a tu pregunta, talvez pinchaste sobre otro tag, recuerda que el menú podría estar estructurado de la siguiente forma:

<ul>
<li><a href="#"><span>home</span></a></li>
<li><a href="#"><span>quienes somos</span></a></li>
<li><a href="#"><span>contácto</span></a></li>
</ul>

entonces, si hubicas el cursor sobre el enlace, puede que hayas apuntado al tag <ul>, <li>, <a> o <span>; a cualquiera, prueba y veras. La cosa es pincharle al tag que contiene el color de la fuente. Cuando hagas ctr+may+y y te acercas al menú home, para averiguar su css, dale clic al cuadro blanco, no a la letra home.

Saludos...