Avisos
Vaciar todo

Colocar cajas de colores CSS en módulos Protostar  

 
Adrián
 Adrián
Honorable Member

Hola,

Estoy trabajando con Joomla 3.8.5. He instalado el paquete quickstart_3.1.11 desde joomprod.com Mi idea es personalizar los módulos de AdsManager, que tiene predeterminada la plantilla protostar - Default para todas las páginas.

Para ello voy hasta el archivo template.css de protostar y agrego sobre el final el siguiente código:
/* Content Boxes
———————————————————— */
.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
}
.content-box-blue {
background-color: #d8ecf7;
border: 1px solid #afcde3;
}
.content-box-gray {
background-color: #e2e2e2;
border: 1px solid #bdbdbd;
}
.content-box-green {
background-color: #d9edc2;
border: 1px solid #b2ce96;
}
.content-box-purple {
background-color: #e2e2f9;
border: 1px solid #bebde9;
}
.content-box-red {
background-color: #f9dbdb;
border: 1px solid #e9b3b3;
}
.content-box-yellow {
background-color: #fef5c4;
border: 1px solid #fadf98;
}

Luego guardo los cambios, voy al módulo que quiero customizar e invoco desde Clase CSS del módulo, por ejemplo .content-box-blue

Sin embargo, luego de guardar los cambios, noto que la caja de color no aparece. ¿Qué estoy olvidando?

Agradezco de antemano, sugerencias para comenzar con la personalización de Protostar.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 09/03/2018 1:11 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Si revisas el código fuente verás que el estilo que has definido se esta concatenando con el texto "moduletable", es decir esta actuando como sufijo, para que sea una clase independiente prueba poner un espacio en blanco delante, tal como se ve en el adjunto.

Saludos.

ResponderCitar
Respondido : 09/03/2018 4:27 pm

Adrián
 Adrián
Honorable Member

Tema solucionado. Muchas Gracias!!

ResponderCitar
Respondido : 09/03/2018 5:44 pm