2016-10-10 9 views
1

navbarセクションにフォントのすばらしいアイコンがあるテーマをダウンロードしました。そのアイコンの色を変更しようとすると、同じままです。アイコンの色を変えるフォントAwesome

私は

.fa-home { 
    color:black; 
} 

を試みたが、それは動作しません。

+2

とにかく例を見ますか?あなたのセレクタが他の複合セレクタによってオーバーライドされている可能性があります – DaniP

+0

色が '.fa-home'アイコンに適用されているかどうかをWebインスペクタ経由で確認してください** OR ** ** fa-home'の:: before'要素** OR **他のスタイルによってオーバーライドされる場合でも**。 –

+0

@DaniP NickがインラインCSSを試していたら...それを上書きする可能性のある複雑なセレクタはありません。 –

答えて

1

アイコンは:before要素にスタイルを適用してみます。

+2

'!important'は必須ではありません。 –

+0

@Paulie_Dありがとう – nanilab

+0

これはうまくいきました。ありがとう –

0

問題はテーマであり、CSSファイルのどこかに色を定義している可能性があります。それを検索し、アイコンのクラスに従って、アイコンの色がどこに定義されているかを調べることができます。または、ファイルの先頭にcssクラスを置き、 "!important"を追加します。 Like:

Color: black !important; 
+4

使用しないでください!ただしないでください。 –

関連する問題