[Risolto] stesso modulo con formattazione diversa

[mariarosaria]

Ho trovato alcune discussioni simili prima di postare una nuova discussione, ma erano tutte senza risposta (per es. questa).

Sicuramente per chi non è ignorante come me è facilissimo, ma anch'io come webjava, vorrei differenziare la formattazione dello stesso modulo.

Mi spiego meglio: in questo sito "menu principale" e "la cittadella dell'immacolata" hanno lo stesso modulo. L'unica differenza è il suffisso classe css: in uno ho lasciato il campo vuoto e nell'altro ho messo "_orange", ma questo riguarda solo lo "sfondo" del menu.
Come faccio a differenziare la formattazione del testo?
Per adesso infatti con mouseover il link diventa di colore arancio, ma sul menu arancione non si vede niente.


Devo utilizzare "suffisso classe menu"?
Ma devo scriverne uno nuovo nel css?
Avevo provato copiando tutte le istanze di #jf-right e incollando come #jf-right2, ma non so come far puntare a #jf-right2 il modulo arancione...

Spero di essermi spiegata,
grazie mille

[adottauncane]

Ciao mariarosaria,
non non ne devi scrivere un altro di suffisso nel modulo, hai già _orange
Semplicemente scrivi i css che mancano, esempio:

Codice: [Seleziona]

.module_orange .jfmod-mid a:hover {
color:#000 !important;
}

la freccetta è un'immagine, quindi ne devi fare una non arancione da assegnare all'hover.

[mariarosaria]

Grazie adottauncane.

Ho fatto una prova.

Suppongo la stessa cosa valga anche per tutto il resto della formattazione.

Ma il succo è: se aggiungo un altro modulo "_orange" come faccio a differenziare le caratteristiche di due moduli "_orange"?

Grazie ancora

[adottauncane]

Ovviamente non puoi... Metti un altro suffisso _orangeb e copi il css di _orange per quel che vuoi tenere e cambi il resto.

[mariarosaria]

Ok, grazie.
Poi pensandoci ci ero quasi arrivata da sola... 

Grazie ancora