2016-10-10 5 views
1

Я загрузил тему, в которой есть шрифт, удивительные значки в разделе navbar. Когда я пытаюсь изменить цвет этих значков, он остается тем же.Изменить цвет значка Шрифт Awesome

Я попытался

.fa-home { 
    color:black; 
} 

Но это не работает.

+2

В любом случае, чтобы увидеть пример? Причина может заключаться в том, что ваш селектор был переопределен другим сложным селектором. – DaniP

+0

Проверьте через веб-инспектора, если цвет применяется к значку '.fa-home' ** ИЛИ **' 'fa-home''' before' элемент ** ИЛИ **, если он даже становится переопределенным другими стилями. –

+0

@ DaniP, если Ник попробовал встроенный CSS ... Не должно быть сложного селектора, который мог бы его переопределить. –

ответ

1

Попробуйте применить стиль к элементу: before, где находится значок.

.navbarClass li [class^="fa-"]:before, 
.navbarClass [class*=" fa-"]:before { 
... 
    color: #COLOR; 
} 
+2

'! important' не требуется. –

+0

@Paulie_D Спасибо – nanilab

+0

Это сработало. спасибо –

0

Проблема с темой, возможно, она определила цвет где-то в файле css. Найдите это и следуйте классам значков, чтобы определить цвет значка. Или поместите класс css в верхнюю часть файла и добавьте «! Important». Нравится:

Color: black !important; 
+4

Не используйте! важно. Только не надо. –

Смежные вопросы