¿Cómo personalizar ...
 
Avisos
Vaciar todo

¿Cómo personalizar cada módulo con box-primaria?

6 Respuestas
4 Usuarios
0 Reactions
401 Visitas
Rosario
Respuestas: 1246
Noble Member
Topic starter
 

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;
}

se ve en
http://alhma.com/maquina-virtual/index.php?option=com_content&view=article&id=2088&Itemid=2288&lang=es

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


 
Respondido : 17/12/2017 4:08 am
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Rosario,

No he sabido determinar por tu consulta que bloque debo consultar (CSS) exactamente ¿te refieres a este? de la url que has facilitado:

Saludos


 
Respondido : 17/12/2017 10:06 pm
Rosario
Respuestas: 1246
Noble Member
Topic starter
 

No, el módulo superior de tarjetas con fotos y eventos, tengo que personalizar el texto y no me muestra la clase giras h4 que he creado


 
Respondido : 18/12/2017 3:03 am
Pepe
 Pepe
Respuestas: 41133
Illustrious Member Admin
 

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


 
Respondido : 18/12/2017 9:57 am
Rosario
Respuestas: 1246
Noble Member
Topic starter
 

no va


 
Respondido : 18/12/2017 11:46 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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.


 
Respondido : 18/12/2017 9:19 pm