Come posso cambiare il colore delle icone dell'intestazione con il pulsante hamburger

Sviluppatore
1

Ciao a tutti,

Ho provato ma ci sono codici errati
E possiamo arrotondare i bordi della casella di hover?
Aiutatemi :heart:

2

cambiare i colori delle icone dell’intestazione:

componente tema arrotondato - potrebbe soddisfare le tue esigenze o almeno darti idee nel codice su come farlo:

3 Mi Piace
3

Grazie mille @Lilly.
Possiamo cambiare il colore per l’hover? E come posso aggiungere il codice del raggio del bordo per gli hover?

4

@Lilly L’ho fatto! :slight_smile:

.d-header-icons a:hover {
background-color: #D93A00 !important;
color: white !important;
border-radius: 30px;
}

Ma non riesco a cambiare il pulsante di ricerca, il pulsante del menu e il lato dell’avatar.
Come posso trovare qualcosa come “.d-header-icons a:hover” per il pulsante del menu, la ricerca e l’avatar?

1 Mi Piace
5

L’ho fatto se ne hai bisogno :slight_smile:

.d-header-icons {
    .header-dropdown-toggle, .custom-header-icon-link {
        .icon {
            border-radius: 4px;
            .d-icon {
                color: white;
            }
            &:hover, &:focus {
                background: #223237;
                .d-icon {
                    color: white;
                }
            }
        }
        &.active .icon .d-icon {
            color: white;
        }
    }
}
3 Mi Piace