How to Change Header Icon Color?

Sviluppatore
21

Per le icone dell’intestazione sul lato destro, nel file common-css di un tema o componente del tema:

.d-header .d-header-icons .d-icon  {
    color: <colore icone intestazione> !important;
    &:hover {
        color: <colore hover icone intestazione> !important;
    }
 }

Per l’icona hamburger in modalità menu laterale:

.d-header .header-sidebar-toggle button .d-icon {
    color: <colore icona hamburger> !important;
    &:hover {
        color: <colore hover icona hamburger> !important;
    }
}

<colore icone intestazione>, <colore icone hamburger>, <colore hover icona intestazione>, <colore hover icona hamburger> = esadecimale, nome colore o variabili colore del tema. Puoi anche specificare background-color se desideri cambiare il colore di sfondo dell’icona.

Nota: se stai utilizzando la modalità a discesa hamburger anziché quella laterale, il primo snippet per le icone dell’intestazione sul lato destro includerà anche l’icona hamburger.

4 Mi Piace