Avisos
Vaciar todo

aplicar estilo CSS a item de menú  

 
Robert
 Robert
Reputable Member

Buenas tardes, estaría interesado en modificar el estillo CSS del texto de los títulos de los item de Menú que se obserban en la imagen adjunta localizados en los aparatados "Galeria" y "Contacto".

En el caso de "Galeria" , el título que aplica joomla al item de menú de tipo phoca gallery se muestra en la actualidad y se ve como se observa en la imagen. Si pueden comprobar el formato que posee el titulo el articulo de "Bienvinidos" en mi pagina principal http://www.kingsschoolofenglish.com/ es el que quiero lograr incrustar en los apartados de "Galeria" y "Contacto".

El código HTML de como quiero que se muestre:

Bienvenidos

En el caso de "Contacto" no lo muestro pero me gustaria poder mostrar el título cuando por favor puedan darme una solución. He probado en crear un articulo y publicarlo en la sección y categoria correspondiente que conteniera el título del apartado,pero no ha funcionado.

Saludos.

URL del sitio: http://www.kingsschoolofenglish.com/

Citar
Respondido : 15/05/2012 5:15 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Respecto al título del apartado "Galería" supongo que te refieres al que se muestra justo encima de las categorías de fotos.

De ser así, tienes que tener en cuenta que este cambio habría que hacerlo mediante CSS y se aplicaría a otros título de otros apartados de la web. Concretamente tendrías que aplicarlo a la clase componentheading, es decir, sería algo como:

.componentheading {
aquí los estilos css...
}

No te recomiendo que apliques unos estilos como los que comentas, consistentes en usar una fuente no estandar como la Impact, ya que los usuarios que no dispongan de esa fuente no la verán.

Respecto al tema del apartado Contacto, para mostrar el título vete al gestor de menús en la administración de Joomla y edita el elemento de menú que carga el contacto. En la parte derecha vete a Parámetros - Sistema. En el campo Título de la página introduce el título que quieres que salga y asegúrate que el parámetro Muestra el título de la página que se muestra debajo del anterior está en .

ResponderCitar
Respondido : 15/05/2012 6:32 pm

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

Robert
 Robert
Reputable Member

Buenas Pablo, Gracias por las recomendaciones pero es cuestión de estetica. Por lo menos si la fuente no se puede mostrar que se muestre del mismo formato todo. He localizado la etiqueta CSS que me comentas:

.componentheading { font-size: 22px; }
ul.tg-pagination { float: right; color: #4692BF; }
ul.tg-pagination li { float: left; font-weight: bold; margin: 0px 1px 0px 1px; }
ul.tg-pagination li a { color: #333333; font-size: 11px; border: 1px solid #B4BAC0; background-color: #ECEDEE; padding: 0px 2px 0px 2px; }
ul.tg-pagination li a:hover { color: #FFF; border: 1px solid #4692BF; background-color: #4692BF; }
#page-right, #page-left { border: none; background-color: #FFF; font-weight: bold; }

Por el formato que muestra el titulo "Galeria" supongo que se trata de esta linea la que debo modificar o debo de cambiar tb. donde pone el tipo de fuente?

ul.tg-pagination li a { color: #333333; font-size: 11px; border: 1px solid #B4BAC0; background-color: #ECEDEE; padding: 0px 2px 0px 2px; }

Un Saludo.

ResponderCitar
Respondido : 15/05/2012 7:30 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Robert

El título de la galería esta en la clase que te indicó Pablo:

.componentheading { font-size: 22px; }

Debes agregar un font-family deseado, para aprender más de este método revisa el siguiente link:
http://www.w3schools.com/cssref/pr_font_font-family.asp

Saludos

ResponderCitar
Respondido : 15/05/2012 8:35 pm

Cursos Gratuitos WordPress