Colocar cajas de colores CSS en módulos Protostar

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