¿Cómo personalizar ...
Avisos
Vaciar todo

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

 
Rosario
 Rosario
Noble Member

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

Citar
Respondido : 17/12/2017 4:08 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

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

ResponderCitar
Respondido : 17/12/2017 10:06 pm

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

Rosario
 Rosario
Noble Member

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

ResponderCitar
Respondido : 18/12/2017 3:03 am
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 18/12/2017 9:57 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Rosario
 Rosario
Noble Member

no va

ResponderCitar
Respondido : 18/12/2017 11:46 am
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 18/12/2017 9:19 pm

Cursos Gratuitos WordPress