Menu link color

Risolto umbertogt
(@umbertogt)

3 anni, 4 mesi fa

Ciao to all,

I succeeded to modify the background color of one menu item INFO&PRENOTA

}.contatti-e-prenotazioni {
background-color: #daa520;
border-radius:0px;
}
.contatti-e-prenotazioni { background-color: #daa520; border-radius:0px; }
.contact-us {
background-color: #ff0099;
border-radius:0px;
}

I wish now to modify the color of the link into white color.

Thanks in advance for your help, have a nice day

Umberto

La pagina su cui ho bisogno di aiuto: [devi essere connesso per vedere il link]

Stai visualizzando 8 risposte - dal 1 al 8 (di 8 totali)

Moderatore Gloria Liuni
(@glorialchemica)

3 anni, 4 mesi fa
Ciao @umbertogt,
dovrebbe funzionare questo codice CSS
```
.contatti-e-prenotazioni a{
color:#ffffff;
}
```
Facci sapere
Chi ha creato la discussione umbertogt
(@umbertogt)

3 anni, 4 mesi fa

Purtroppo no, sbaglio qualcosa?

ecco la stringa

}.contatti-e-prenotazioni {
background-color: #daa520;
border-radius:0px;
}
.contatti-e-prenotazioni { background-color: #daa520; border-radius:0px; }
.contact-us {
background-color: #ff0099;
border-radius:0px;
}
.contatti-e-prenotazioni a{
color:#ffffff;
}
Moderatore Gloria Liuni
(@glorialchemica)

3 anni, 4 mesi fa
Ciao @umbertogt,
no hai scritto giusto, ma a volte va così.

prova con
```
.contatti-e-prenotazioni a{
color:#ffffff!important;
}
```
Chi ha creato la discussione umbertogt
(@umbertogt)

3 anni, 4 mesi fa

Brava Giulia, adesso funziona!

Però ho scordato di dirti che dovrebbe rimanere il colore bianco anche con hover del mouse.Cosa dovrei aggiungere?
Moderatore Gloria Liuni
(@glorialchemica)

3 anni, 4 mesi fa
Aggiungi sotto al codice precedente questa regola (condizione al passaggio del mouse).
```
.contatti-e-prenotazioni a:hover{
color:#ffffff!important;
}
```
Prova
Chi ha creato la discussione umbertogt
(@umbertogt)

3 anni, 4 mesi fa

Cavolo, non funziona.

}.contatti-e-prenotazioni {
background-color: #daa520;
border-radius:0px;
}
.contatti-e-prenotazioni { background-color: #daa520; border-radius:0px; }
.contact-us {
background-color: #ff0099;
border-radius:0px;
}
.contatti-e-prenotazioni a{
color:#ffffff!important;
}
.contatti-e-prenotazioni a:hover{
color:#ffffff!important;
}
Moderatore Gloria Liuni
(@glorialchemica)

3 anni, 4 mesi fa
Ciao @umbertogt,
ho visto che hai fatto una personalizzazione sul hover delle voci di menu, prova ad aggiungere questo codice
```
.navigation-main li.contatti-e-prenotazioni:hover > a {
    color: ffffff!important;
}
```
Chi ha creato la discussione umbertogt
(@umbertogt)

3 anni, 4 mesi fa

Perfetto, grazie molte Giulia.

Stai visualizzando 8 risposte - dal 1 al 8 (di 8 totali)

Il topic ‘Menu link color’ è chiuso a nuove risposte.

Tag del topic

Visualizza