[RISOLTO] Cambiare colore in hover link in article

[simpad]

Ciao!
Ho questo paragrafo:
<p><a style="color: #fff;" href="privacy-policy"> Privacy Policy  - <a style="color: #fff;" href="cookie-policy"> Cookie Policy </p>

Il footer è nero e le scritte e i link sono bianchi, ma in hover diventano neri come di default. Vorrei semplicemente che quando sono in hover, rimangano bianchi e compaia solo la sottolineatura.
Ho trovato varie guide per cambiare l'opzione nel css, ma a me serve aggiungere questo stile colore hover all'interno del link.

Come ho cambiato il colore di default mettendo #fff vorrei fare la stessa cosa con l'hover, ma non ho idea di come fare.

Grazie!

[adottauncane]

Ciao,
metti un link al sito.

[simpad]

è offline. il testo è in un modulo ed è nel footer che è nero. infatti se vedi, l'anchor è bianco, vorrei che solo quei 2 link siano bianchi.
L'anchor è: Privacy Policy - Cookie Policy  le 2 scritte sono 2 link diversi, come si nota dal source code

[Limma]

Una soluzione molto semplice, visto che stai usando un modulo è quella di creare una classe da assegnare al modulo stesso, oppure inserire l'html che hai scritto dentro un div al quale sarà assegnata la classe di cui sopra.
Esempio semplice semplice perfettamente funzionante:

Codice: [Seleziona]

.customcolor {
    color: white;
}
.customcolor a {
    color: white;
}
.customcolor a:hover {
    color: white;
    text-decoration: underline;
}
Naturalmente il codice html dovrà essere privo degli stili inline che hai usato ora.

[simpad]

Grazie, chiederò al webmaster di farlo, io questo non so farlo.

[tomtomeight]

Scusa ma allora al webmaster potevi chiedere direttamente di cambiare colore al hover link, no perché un webmaster si offenderebbe se gli dici cosa e come farlo, sicuramente sapeva quale codice inserire. 

[simpad]

Non è un webmaster, mi aiuta ma non ha tempo, quindi se posso faccio da solo. E' una storia lunga

[simpad]

Ho copiato e incollato il codice nel css
Poi ho incollato questo codice nell'articolo, ma non funziona. dove ho sbagliato?
<div class="customcolor"><a href="privacy-policy"> Privacy Policy [/url] - <a href="cookie-policy"> Cookie Policy [/url]<>

[Limma]

... Avevo fatto una velocissima prova ieri giusto per mostrarti il funzionamento reale: la puoi vedere in fondo a questa pagina.
L'esempio che vedi è anche un po' più complicato di quello che serviva a te...
Il tuo sito è online: giusto per verificare se la sintassi del div che hai scritto è corretta (quello che hai riportato non mi è del tutto chiaro...).

[Limma]

... Ho appena provato ad aggiungere nel link che ti ho postato sopra il tuo div e funziona regolarmente (pur con i diversi colori della mia classe customcolor).
Non prende il css?

[simpad]

è offline, ma qui puoi capire meglio.
mini Video su google drive: https://drive.google.com/file/d/0B90dRN2qYEMib1haT2xLUk5SOWloSWIxWlB3ZkpTQXR5cUlj/view?usp=sharing

[simpad]

la scritta url tra le parentesi quadre la aggiunge l'editor del forum.

[Limma]

Visto il video e il secondo div, quello con la classe, si comporta come il primo che avevi scritto senza la classe; corretto?
Che template usi? Dove hai scritto la classe css? Ricontrolla attentamente la sintassi della classe che ti ho quotato, anche se hai usato il copia/incolla.
Se hai visto il mio link, avrai visto che a funzionare, funziona...

[simpad]

Ho risolto con un bell' !important

[Limma]

Perfetto. 

[simpad]

Guardando il codice css, che differenza c'è tra ".customcolor" e ".customcolor a"?
La terza parte "hover" so cos'è.

[simpad]

ho dovuto togliere la decorazione underline perché mi appariva doppia, cioè quella di questo codice mi appariva bianca appena sotto e l'altra bianco trasparente leggermente sotto.

[Limma]

Guardando il codice css, che differenza c'è tra ".customcolor" e ".customcolor a"?
La terza parte "hover" so cos'è.

Ammettiamo che di default il css del tuo template imposti il colore del testo come "nero", se tu lo vuoi di un colore (tipo bianco) diverso imposti una classe

Codice: [Seleziona]

.customcolor {
    color: white;
} E questo lo puoi fare tranquillamemnte anche col codice inline come avevi gia fatto, ma se a questo vuoi aggiungere anche un colore diverso da quello settato dal template per i link (metti che di default i link siano blu e tu invece li vuoi bianchi), allora devi aggiungere:

Codice: [Seleziona]

.customcolor a {
    color: white;
} Se hai visto la classe che ho usato nel mio esempio, capirai facilmente che le possibilità sono moltissime:
ho usato anche la pseudo classe a:hover:before per far comparire un'icona prima del link a mouse over...

Edit: avevo sbagliato la citazione del tuo post... E' ora di andare a dormire!

[simpad]

Ah grazie!
Per fare apparire l'icona come risulterebbe il codice corrispondente prendendo la base di quello scritto da Limma?

Comunque grazie a tutti!!!

[Limma]

A quale codice scritto da adottauncane ti riferisci...?