Ich habe ein Theme heruntergeladen, das tolle Icons in der Navbar-Sektion hat. Wenn ich versuche, die Farbe dieser Symbole zu ändern, bleibt sie gleich.Ändere die Farbe des Icons Font Awesome
Ich versuchte
.fa-home {
color:black;
}
Aber es funktioniert nicht.
Versuchen Sie, den Stil auf das: before Element anzuwenden, wo das Symbol ist.
.navbarClass li [class^="fa-"]:before,
.navbarClass [class*=" fa-"]:before {
...
color: #COLOR;
}
'! wichtig' sollte nicht erforderlich sein. –
@Paulie_D Danke – nanilab
Das hat funktioniert. danke –
Das Problem ist mit Thema, es kann die Farbe irgendwo in der CSS-Datei definiert haben. Suchen Sie danach und folgen Sie den Klassen des Symbols, um zu sehen, wo die Farbe des Symbols definiert ist. Oder legen Sie die CSS-Klasse an den Anfang der Datei und fügen Sie ein "! Wichtig" hinzu. Wie:
Color: black !important;
Nicht verwenden! wichtig. Tu es einfach nicht. –
Wie auch immer, um ein Beispiel zu sehen? Der Grund könnte sein, dass der Selektor von einem anderen komplexen Selektor überschrieben wurde. – DaniP
Über den Web Inspector prüfen, ob die Farbe auf dem '.fa-home'-Symbol ** ODER ** dem' fa-home's ':: before' zugewiesen ist Element ** ODER **, wenn es sogar von anderen Stilen überschrieben wird. –
@DaniP wenn Nick mit Inline-CSS versucht ... Es sollte keinen komplexen Selektor geben, der es überschreiben könnte. –