WordPressテーマSANGOの質問

見出しのデザインをCSSでカスタマイズしようとしても反映されない

アバター
よこはま

初めまして。
見出しのデザイン変更と文字色の変更をしたく、以下の2つのサイトを参考にしました。
デザインの変更はできたのですが、文字の色が記事によって反映されないものがあり、
自分でも調べてみたのでが、解決せずに困っております。
キャッシュの削除も同じページを参考に同じ手順で行いました。
(当方、CSSなどド素人です。)
文字色の希望は白ですが、一部の記事に黒に反映されるあります。

https://saruwakakun.com/html-css/reference/h-design

https://saruwakakun.com/sango/change-headline

文字色が反映されない記事をこちらのページにある、『検証』の手順に従ってみたところ、文字色のコード?(用語が間違っていましたら申し訳ありません)を示すところが、
一本線で削除の様な表示になっています。
https://saruwakakun.com/sango/change-headline

文字の色が正しく反映されている記事では、この様になっていないことから、
一本線で削除の様になっていることが問題かと思ったのですが、その修正の仕方がわからず困っています。

他に問題があるかもしれませんが、知識に乏しいため自分ではこれ以上はわからなく、お力をお借りしたく質問しました。

見出しを変更したく自分のブログのCSSに以下のコードは貼り付けました。
h2 {
background: #28385e; /*背景色*/
padding: 0.5em;/*文字周りの余白*/
color: white;/*文字を白に*/
border-radius: 0.5em;/*角の丸み*/
}

背景の色を紺色、文字色を白にしたいと考え、カラーコードを希望のものにし、タイトル変更しようとしました。

試しに他の見出しでもテストしてみたのですが、やはり文字色が反映されませんでした。
希望は白ですが、黒になってしまいます。

反映されない記事は、共通して同じ記事です。

どのように対処すれば良いか、どこに問題があるか教えていただければ幸いです。
何卒、宜しく、お願い致します。

SANGOでデフォルトの見出しを変える方法
コメントへの回答
サルワカくん
サルワカくん
2018/08/02
.entry-content h2 {
  ここにコード
}

というように書けば適用の優先度が高くなり、文字色等も反映されると思います。

アバター
よこはま
2018/08/02

よこはまです。
早々のご返信ありがとうございます。

ご指示の通りにしてみたのですが、やはり結果は同じで、一部の記事は見出しの色が反映されません(黒になってしまいます)。

以下の様にCSSに貼り付けました。

.entry-content h2 {
background: #28385e; /*背景色*/
padding: 0.5em;/*文字周りの余白*/
color: white;/*文字を白に*/
border-radius: 0.5em;/*角の丸み*/
}

どこか他に原因がありますでしょうか。
ご回答いただけますと幸いです。
宜しく、お願い致します。

サルワカくん
サルワカくん
2018/08/02

その記事に個別のCSSが使用されている可能性がありますね。
いずれにせよcolor: white;color: white!important;に変えると良いかと思います。

アバター
よこはま
2018/08/02

よこはまです。
ご返信ありがとうございます。

>その記事に個別のCSSが使用されている可能性がありますね。
>いずれにせよcolor: white;をcolor: white!important;に変えると良いかと思います。

white!important;に変えてみたのですが、変化はありませんでした。

しかし、原因がわかりました!

全ての記事で確認していませんが、おそらく不具合のある記事を一つ一つ直しいていけば解決すると思います。

>記事に個別のCSSが使用
CSSのことはド素人でわからないと諦めかけていたのですが、
このお言葉がきっかけで、思い当たる節を感じ、不具合のある1つの記事を試しになおしてみたところ、見出しの文字がしっかりと白に変更されました!

1つ1つ直していかなければいけないので大変ですが、問題が解決してスッキリしました!
(過去記事で見出しの色を黒っぽい色に変更したものがいくつかありました)
ありがとうございました!
今後も引き続き、よろしく、お願い致します。

サルワカくん
サルワカくん
2018/08/03

うまくいったようで良かったです!
ご報告ありがとうございました。