Menu link color

  • Risolto umbertogt

    (@umbertogt)


    4 anni, 3 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)
  • Moderator Gloria Liuni

    (@glorialchemica)

    4 anni, 3 mesi fa

    Ciao @umbertogt,
    dovrebbe funzionare questo codice CSS

    .contatti-e-prenotazioni a{
color:#ffffff;
}

    Facci sapere

    Chi ha creato la discussione umbertogt

    (@umbertogt)

    4 anni, 3 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;
    }

    Moderator Gloria Liuni

    (@glorialchemica)

    4 anni, 3 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)

    4 anni, 3 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?

    Moderator Gloria Liuni

    (@glorialchemica)

    4 anni, 3 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)

    4 anni, 3 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;
    }

    Moderator Gloria Liuni

    (@glorialchemica)

    4 anni, 3 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)

    4 anni, 3 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