[RISOLTO] Personalizzazione moduli gantry

[crafalapapera]

Uso spesso gantry  e mi trovo benissimo, ma non riesco a venire a capo di un problema: vorrei personalizzare dei moduli dando delle ombre, ma non riesco a farlo perchè se modifico nel css la classe rt-block mi modifica tutte le posizioni. Ho provato a usare il suffisso classe css modulo aggiungendo il suffisso _ombra e inserendo nel css la voce .rt-block_ombra a fine file. Ma non funziona.

Dove sbaglio?
Il sito è offline, ma se serve lo posso mettere temporaneamente online.

Grazie

[xplosion]

Ho provato a usare il suffisso classe css modulo aggiungendo il suffisso _ombra e inserendo nel css la voce .rt-block_ombra a fine file. Ma non funziona.

Inserisci suffisso ombra con uno spazio davanti.
E poi nel css lo riferisci con:
.rt-block ombra{quello che ti pare...}

[crafalapapera]

non va! 

[xplosion]

link

[crafalapapera]

www.pugliasolutions.it

i moduli in questione sono quelli in alto....in particolare le prove le sto facendo sul secondo.

[xplosion]

non mi sembra che hai definito la classe da nessuna parte nel tuo file css:

Codice: [Seleziona]

.rt-block ombra{border:1px solid red;/*prova con questa*/}

[crafalapapera]

l'ho inserita...ma è come se non esistesse.
poichè ci sono diversi file css, io la voce l'ho aggiunta nello stesso file in cui si trova la classe .rt-block di partenza....giusto?

[xplosion]

quale sarebbe ?
spero che non in un css che si trova nella cartella css-compiled !

[crafalapapera]

cavolo, dal tono mi sa proprio che l'errore è in questa mossa e che mi sgriderai.
La risposta è sì. 

[xplosion]

ecco perché non va 
Ti suggerisco una soluzione alternativa e breve.
Apri il file template.less che lo trovi in \templates\gantry\less
Inserisci una riga come questa:

Codice: [Seleziona]

.rt-block ombra{
border:1px solid #ccc!important;
-moz-box-shadow: 3px 3px 3px #888!important;
-webkit-box-shadow: 3px 3px 3px #888!important;
box-shadow: 3px 3px 3px #888!important;}
Funziona ?

[crafalapapera]

no!

[xplosion]

Nella gestione del template, clicca su Clear Cache sia per Less Compiler nella scheda Advanced che Clear Cache che lo trovi in alto a destra.
Insomma svuota la cache dappertutto per sicurezza

[crafalapapera]

svuotata cache ma nulla è cambiato!

[xplosion]

che ti devo dire da me, in locale, funziona. probabilmente non hai inserito bene nel css...
non saprei come ti posso aiutare

[crafalapapera]

sono riuscita a risolverlo!

http://www.gantry-framework.org/documentation/joomla/tutorials/adding-a-custom-stylesheet

ho seguito questo tutorial.

ti ringrazio davvero tanto per la pazienza.....GRAZIE MILLE!!! 

[xplosion]

ah ecco, mi ero dimenticato della soluzione (più semplice) con gantry-custom.css
ricordati di aggiungere [RISOLTO] al primo post.

grazie