Wie kann ich die Farbe der Header-Symbole mit dem Hamburger-Button ändern

Entwickler
1

Hallo zusammen,

Ich habe es versucht, aber es gibt falsche Codes
Und können wir die Ränder der Hoverbox oval machen?
Bitte helft mir :heart:

2

Farben der Kopfzeilen-Icons ändern:

Theme-Komponente für abgerundete Ecken – passt vielleicht für Ihre Bedürfnisse oder gibt Ihnen zumindest Ideen im Code, wie Sie es umsetzen können:

3 „Gefällt mir“
3

Vielen Dank @Lilly.
Können wir die Farbe für den Hover-Effekt ändern? Und wie kann ich den Radius-Code für Hover hinzufügen?

4

@Lilly Habe ich! :slight_smile:

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

Aber ich kann den Suchbutton, den Menübutton und die Avatar-Seite nicht ändern.
Wie finde ich so etwas wie “.d-header-icons a:hover” für den Menübutton, die Suche und den Avatar?

1 „Gefällt mir“
5

Ich habe es getan, falls du es brauchst :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 „Gefällt mir“