2016-10-10 68 views
1

我下載了一個主題,在導航欄部分有字體真棒圖標。當我嘗試更改該圖標的顏色時,它保持不變。改變圖標的​​顏色字體真棒

我試圖

.fa-home { 
    color:black; 
} 

但它不工作。

+2

無論如何看到一個例子?原因可能是你的選擇器已被其他複雜選擇器覆蓋 – DaniP

+0

通過網絡檢查器檢查顏色是否應用於'.fa-home'圖標**或** fa-home'的':: before'元素**或**,如果它甚至被其他樣式覆蓋。 –

+0

@DaniP如果Nick嘗試使用內嵌CSS ...應該沒有可以覆蓋它的複雜選擇器。 –

回答

1

嘗試將樣式應用於before元素,圖標所在的位置。

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

'!重要'不應該是必需的。 –

+0

@Paulie_D謝謝 – nanilab

+0

這工作。謝謝 –

0

問題是與主題,它可能已定義的顏色在css文件的某處。搜索並按照圖標的類來查找圖標的顏色在哪裏定義。或者把css類放在文件的頂部並添加一個「!important」。 Like:

Color: black !important; 
+4

請勿使用!重要。不要。 –