wordpressのcssが反映されない

Question

WordPress 4.9.8を使っています。
テーマは有料のJINを使っています。

改行がスマホだとズレてしまう場合を解決したいと思い、下記ページを参考にやってみたのですがcssが反映されません。
https://pj-freedom.com/wp-line/

最初は子テーマに

@media only screen and (max-width: 767px) {
	br { 
            display: none; }
	}

を追加しましたが反映されず、次に親テーマのstyle.cssに同じものを追加したのですが反映されませんでした。

何か初歩的な間違いを見逃しているように思うのですが、何が原因か分かりません。

些細なことでも構いませんので、アドバイスいただけると助かります。

よろしくお願いいたします。

Comments

[m.ts10806]

もう少し、明らかに変化が見て取れるような指定をしてみてください。文字のサイズとか色とか背景色とか。「CSS自体読み込まれていない」のか「指定が正しくない」のか「指定は正しいがその指定では想定通りにはならない」のか問題を切り分けなければなりません。あと、ソースコードはマークダウンのcode機能を利用してください。

Answer 1

管理画面→外観→カスタマイズの中の追加CSSという項目があれば、そちらに記述してみて、反映されるか見てはどうでしょうか？

Comments

[minoru23]

ありがとうございます！反映されました。
この「追加CSS」というのはJINのテーマ特有のものなのでしょうか。
それともwordpressのテーマの基本設定なのでしょうか。

また、「追加CSS」と「子テーマ」の関係がよく分かりません。
何か参考になるページなどありましたらおしえていただけると幸いです。

[TM_BB]

「追加CSS」はどのテーマにもあります。
「追加CSS」と「子テーマ」では「追加CSS」が優先されます。
WordPressの特徴として、「子テーマ」がすぐに反映されない時があるように思います。（翌日に反映されたとか。）
なので急ぐ場合は「追加CSS」に入れて、子テーマが反映されるまで気長に待つようにしています。

[minoru23]

TM_BBさん、ありがとうございました。

[beginner_t]

子テーマのcssがすぐに反映されない場合の多くはキャッシュが関係していると思われます。なので、よくある対策としてはcssやjsの読み込み時にクエリを追加し、その部分を変更することで同一ファイルでも別のファイルとして認識させ、即時に反映させることができます。例：<link type="text/css" rel="stylesheet" href="style.css?9999">

[beginner_t]

また、今回の子テーマのcssが反映されなかったのはキャッシュが影響しているのか、それともテーマによってはstyle.cssとは別の部分にメインのcssがあり、それを読んでいる場合もあるので、実際のJINのテーマファイル構成をみないとわかりません。