WordPressテーマ「Luxeritas」使用時にCSSを設定しているのにWordPress記事本文に適用されない時の対処法

スポンサーリンク

WordPressのテーマ「luxeritas」を使っています。

ずっと、記事本文にだけCSSが適用されないことに悩んでいました。

h2、h3の見出しの色を変更するcssを導入し、<head></head>内に記入しました。

不備はなかったはずなのに、記事本文には適用されていませんでした。そんなときの対処法です。

スポンサーリンク

記事内の見出しスタイルが変更されない

今は設定が反映されていますが、以前は色が反映されていませんでした。

こんな感じです。


この時、サイドバーは反映されていました。

!important で解決

こちらの記事を参考に、 !importantをCSSの行ごとに挿入しました。

CSSで!importantを使った優先順位の変更【初心者向け】
初心者向けにCSSで!importantを使った優先順位の変更方法について解説しています。ユーザー定義のスタイルシートを使う際など役に立つでしょう。実際にコードを書きながら例をもとに説明しているので、ぜひご覧ください。
h2 {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949 !important;/*文字色*/
background: #f4f4f4 !important;/*背景色*/
border-left: solid 5px #e85a70 !important;/*左線*/
border-bottom: solid 3px #d7d7d7 !important;/*下線*/
}

見出しの設定は「サルワカ」さんのものを参考にしています。

サルワカ見出し

反映されました!

インデックス内だけでなく、記事内でも見出しの色が変わりました!

CSSがうまく機能しない・・・という方は一度試してみてください。