Comment puis-je changer la couleur des icônes de l'en-tête avec le bouton hamburger

Dev
1

Salut à tous,

J’ai essayé mais il y a des codes incorrects
Et pouvons-nous arrondir les bords de la boîte de survol ?
Aidez-moi :heart:

2

modification des couleurs des icônes d’en-tête :

composant de thème arrondi - peut convenir à vos besoins ou du moins vous donner des idées dans le code sur la façon de le faire :

3 « J'aime »
3

Merci beaucoup @Lilly.
Pouvons-nous changer la couleur pour le survol ? Et comment puis-je ajouter le code du rayon de bordure pour les survols ?

4

@Lilly Je l’ai fait ! :slight_smile:

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

Mais je ne peux pas changer le bouton de recherche, le bouton de menu et le côté de l’avatar.
Comment puis-je trouver quelque chose comme « .d-header-icons a:hover » pour le bouton de menu, la recherche et l’avatar ?

1 « J'aime »
5

Je l’ai fait si vous en avez besoin :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 « J'aime »