質問: ### 前提・実現したいこと WordPress、html&css初心者です。 無料テーマ『lightning』を使いコーポレートサイトを作成中です。 CSSでヘッダー、フッターの背景色を黒、文字色を白にしたのですが、 スクロールした際に現れるデフォルトのヘッダーの色が背景色は白で、文字色は変更した情報を表示させていたようで白色の表示になったため、表示されなくなりました。 そこで、スクロール時の背景色、または、文字色の変更をしたいのですが、 何度試してもうまくいきません。 解決方法をご存じの方はご教示願います。 ### 発生している問題・ ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/9b2981347efab01d8eaccf6687f1c760.jpeg)エラーメッセージ ``` CSSを記述しても反応しません。 ``` ### 該当のソースコード ``` HOME メニュー ライバー検索 オリジナルグッズ制作 配送サービス オリジナルグッズ販売 Q&A お問い合わせ ``` ### 試したこと .gMenu a { color: #333; height: 100%; background-color: #2e6da4; } ### 補足情報(FW/ツールのバージョンなど) ▲7月15日(水)20:00現在 ご回答ありがとうございます。 教えていただいたコードをcssに記入したのですが、やはりヘッダーの色は変わりませんでした。 不躾なお願いではありますが、他に方法をご存じでしょうか? ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/add3cd1323898ab1d136bab8d9eb4722.jpeg)
回答: 開発者モードでみられていますでしょうか。 試してないのでわかりませんが、 優先順位の問題かもしれません。 .gMenu a {} よりも div nav ul li a {} といった書き方を優先してしまいます。 見つけられなければ!importantで優先順位を変更してみるとか。 ``` .gMenu a { color: #333 !important; background-color: #2e6da4 !important; } ``` で一度試してみてください。