子テーマの背景色を変えたいのですが、子テーマのcssに記述しても反映されません。
記述といっても親テーマのcssをそのままコピペしてbackgroundを入れただけしただけですが・・・
よく子テーマのcssは反映されないと聞いたのですが、importantを使っても反映されないとは聞いていませんでした。
子テーマのcssを反映させるには、important以外に何を使えばいいですか?
ちなみに、子テーマ側のstyle.cssで@importを利用して親テーマのcssを呼び出しています。
該当のソースコード
css
1body { 2 background-color: #0000FF !important; 3}
親テーマの呼び出しかた
css
1@import url('../親テーマ名/style.css');
これは、importだと親テーマのcssが読み込めたからです。
これらを入力しても背景色は白のままです。
参考サイト
Webブラウザの開発者ツールなどで、どのスタイルがbodyのbackground-colorを上書きしてしまっているかを確かめてみてはどうでしょう。
コンソールでみるやつですか?
「コンソール」が何のことをさしているかわからないのですが、Webブラウザによって名前は色々なので、使い方は検索してみてください。なんにしろ、適用されているスタイルを確かめられるツールのことです。
そういえば、使われている親テーマはなんですか?
twentytwelveです。webブラウザの開発者でどのスタイルを使っているのか調べる方法は初耳でした。
初耳なのであれば調べて使ってみてください。これを使えるとスタイルシートの作成が確実にはかどります。
あ、でもhttps://teratail.com/questions/58441こちらでは背景青になってるんですね…「背景色が変わらない」という問題、もしかしてもう解決しているんでしょうか