prova cosi, in un oggetto html:

HTML:
<span class="testo1">abcd efgh ilmn</span>
<span class="testo2">123456€</span>
<span class="testo3">zxcvb asdfg qwerty</span>
<span class="testo4"> NON DISPONIBILE</span>

CSS:
<style>
.testo1 {color:#0033CC;}
.testo2 {color:#009900; text-decoration:line-through; font-weight:bold;}
.testo3 {color:#0033CC;}
.testo4 {color:#3300CC; font-weight:bold;}
</style>

Ciao Vincenzo. Ci sono varie soluzioni, io ho usato questa e mi trovo bene.

VAI NEL FOOTER e in un OGGETTO CODICE HTML inserisci il codice come descritto sotto (personalizzare il colore bianco indicato dal codice #FFFFFF e inserire quello di proprio gradimento sul link cliccabile. Cambiare invece il colore rosso indicato dal codice #C00000 per cambiare il colore al passaggio del mouse sul link)

Il Codice che va nella scheda “Codice HTML” dell’OGGETTO HTML è il seguente (aggiungi tante voci simili a quelle che vedi sotto, con link e testi diversi naturalmente, per quante sono le voci che compongono il tuo elenco di voci cliccabili)

<div><span><a href="http://nomelink1.html" class="linkfooter">Qui testo cliccabile1</a></span></div>

<div><span><a href="http://nomelink2.html" class="linkfooter">Qui testo cliccabile2</a></span></div>

<div><span><a href="http://nomelink3.html" class="linkfooter">Qui testo cliccabile3</a></span></div>

Mentre il codice che va nella scheda “Esperto/Codice CSS” sempre dell’OGGETTO HTML è il seguente (N.B. non si inseriscono i TAG <style> e </style> se si usa l’OGGETTO CODICE HTML)

.linkfooter{color:#FFFFFF; text-decoration:none;}

.linkfooter:hover{color #C00000; text-decoration:underline; font-weight:bold;}

Si può eliminare l’attributo font-weight:bold; se non si desidera l’effetto grassetto/ingrandimento al passaggio del mouse sulle voci cliccabili

Ciao ciao