ciao, io di solito per creare stili modulo personalizzati su gantry faccio così, mi copio uno stile già esistente gantry ne ha tre ad esempio il box3 è cosi
.box3 {
background-color: #363636;
background-image: linear-gradient(to bottom, #3B3B3B, #2E2E2E);
background-repeat: repeat-x;
border-bottom: 1px solid #000000;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
color: #ADADAD;
text-shadow: 0 2px 3px #000000;
}
.box3 .title {
border-bottom: 1px solid #212121;
box-shadow: 0 1px 0 #4C4C4C;
color: #FFFFFF;
text-shadow: 1px 1px 1px #000000;
}
poi modifico il nome dello stile ad esempio in .box4 e .box4 .title effettuo tutte le modifiche ai codici colore i bordi ecc... ed inserisco il mio codice personalizzato nel file gantry-custom.css che va inserito nella cartella /templates/gantry/css poi richiamando lo stile nell'apposito campo Suffisso classe CSS modulo lo stile funziona perfettamente, cosi facendo posso creare tutti gli stili dei moduli che voglio