Supporto » Aspetto = Temi » Menu link color

  • Risolto umbertogt

    (@umbertogt)


    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)
  • Ciao @umbertogt,
    dovrebbe funzionare questo codice CSS

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

    Facci sapere

    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;
    }

    Ciao @umbertogt,
    no hai scritto giusto, ma a volte va così.

    prova con

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

    Brava Giulia, adesso funziona!

    Però ho scordato di dirti che dovrebbe rimanere il colore bianco anche con hover del mouse.Cosa dovrei aggiungere?

    Aggiungi sotto al codice precedente questa regola (condizione al passaggio del mouse).

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

    Prova

    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;
    }

    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;
    }

    Perfetto, grazie molte Giulia.

Stai visualizzando 8 risposte - dal 1 al 8 (di 8 totali)
  • Devi essere collegato per rispondere a questo topic.