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

2022 9/01

2018年2月22日 2022年9月1日

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

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

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

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

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

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

こんな感じです。

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

!important で解決

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

h2 {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949 !important;/*文字色*/
background: #f4f4f4 !important;/*背景色*/
border-left: solid 5px #e85a70 !important;/*左線*/
border-bottom: solid 3px #d7d7d7 !important;/*下線*/
}

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

サルワカ見出し