How to Change Header Icon Color?

Dev
21

Pour les icônes d’en-tête sur le côté droit, dans le CSS commun d’un thème ou d’un composant de thème :

.d-header .d-header-icons .d-icon  {
    color: <couleur des icônes d'en-tête> !important;
    &:hover {
        color: <couleur au survol des icônes d'en-tête> !important;
    }
 }

Pour l’icône hamburger en mode menu latéral :

.d-header .header-sidebar-toggle button .d-icon {
    color: <couleur de l'icône hamburger> !important;
    &:hover {
        color: <couleur au survol de l'icône hamburger> !important;
    }
}

<couleur des icônes d'en-tête, <couleur de l'icône hamburger, <couleur au survol de l'icône d'en-tête, <couleur au survol de l'icône hamburger> = hexadécimal, nom de couleur ou variables de couleur du thème. Vous pouvez également spécifier background-color si vous souhaitez modifier la couleur d’arrière-plan de l’icône.

Remarque : Si vous utilisez le mode déroulant hamburger au lieu du menu latéral, le premier extrait pour les icônes d’en-tête du côté droit inclura également l’icône hamburger.

4 « J'aime »