cambiare colore ai links [RISOLTO]

[depandrea]

ciao a tutti! ho appena imparato a cambiare lo stile di un solo modulo ma non so in quel modulo posso cambiare (solo per lui) i colori dei links. Poichè hanno ovviamente tutti la stessa formattazione, non si leggono al passaggio del mouse.
www.libertasmantova.it/joomla17
in fondo alla pagina

grazie, ciao

[ramses_2th]

Ciao, apri il file
 
templates/businesslabnew/css/styles.css
 
Trova questo testo
 
 
 a:hover {     color:#BE3A36;   text-decoration:underline; 
 
Sostituisci il valore del color con un o piu' chiaro ( tipo #CA8080)
 
Ciao

[depandrea]

ma così mi cambia la formattazione di tutti i links. Io dovrei cambiare solo quello del modulo in basso.

[ramses_2th]

In questo caso devi prima identificare quel link con un ID, poi andare a scrivere nel css lo stesso codice che ti ho indicato, distinguendolo dal generale ovviamente con l'ID che hai scelto.
 
Ciao

[bardzero]

mmm
prova ad aggiungere

#main3 a:hover {
     color: yellow; /*o il colore che vuoi questo è solo un esempio */
}

[depandrea]

come faccio a distinguere dal generale questo codice che mi hai scritto:??
 
a:hover {     color:#BE3A36;   text-decoration:underline;

devo richiuderlo in un div??

puoi farmi un piccolo esempio?? abbi pazienza ma non sono tanto esperto in queste modifiche

grazie ancora

[ramses_2th]

Prova così
 
 
 <div id="prova">
tuo linlk
</div>
 Nel css:   div#prova a:hover {     color:#000000;   text-decoration:underline;

[adottauncane]

Ciao depandrea,
hai usato il suffisso classe modulo _a? Qual è esattamnete il modulo, quello verde?
Se così basta aggiungere i css che ti servono sempre con il suffisso:

Codice: [Seleziona]

#col2 .moduletable_a a{

    color: #000000;
}


#col2 .moduletable_a a:hover{

    color: blue;
}

[depandrea]

ho richiamato il DIV dove era rinchiuso il modulo ed ho risolto. E' un modo sicuramente semplice e veloce:

#main3 a:hover { color:#fa9347;   text-decoration:underline; }

div id=main3 era la formattazione del mio modulo. L'ho ricopiato nel rigo sotto e ci ho aggiunto:
     a:hover { color:#fa9347;   text-decoration:underline; }

grazie a tutti, siete preziosi