Tengo un constante problema con los tamaños de los tag h de texto, porque casi todos mis módulos tienen diferentes medidas y necesitan ser personalizados, lo cierto es casi todos están dentro de una caja llamada box-primary y la jerarquía con la que he conseguido controlar el texto de un módulo llamado switcher panel es la siguiente
.tm-block .uk-panel-box.uk-panel-box-primary.switcherpanel h4 {
color: #FF0000;
font-weight: 600;
font-size: 2.5em;
}
pero ahora quiero hacer lo mismo con un módulo tipo cuadrícula con el que creo mosaicos y el inspector de chrome me muestra la misma sintaxis en html, de modo que he puesto
.tm-block .uk-panel-box.uk-panel-box-primary .giras h4 {
color: #FF0000;
font-weight: 600;
font-size: 2.5em;
}
y he aplicado la clase al módulo de giras , pero no me funciona ¿sabéis por qué?
el módulo está en esta página.
http://alhma.com/maquina-virtual/index.php?option=com_content&view=article&id=2180&Itemid=2318&lang=es
URL del sitio: Contenido solo visible a usuarios registrados
Hola Rosario.
¿ En las clases del modulo le añades la nueva clase que creaste " giras " ?
Si puedes adjunta una captura de la configuración del modulo.
Prueba con el código que añadiste pero solo con la etiqueta giras
.giras h4 { font-size: 2.5em; }
En la clase del modulo añade solo " giras "
Un saludo
no va
Hola
Has puesto la clase "giras" no en cada cuadro, sino en el contenedor de todos los cuadros, por lo tanto puedes usar algo como:
.tm-block .giras .uk-panel-box.uk-panel-box-primary h4{ color:green; }
Esto cambiará a color verde los h4 q estan en cada cuadro en:
Contenido solo visible a usuarios registrados
Saludos.