WordPressのテーマ「luxeritas」を使っています。
ずっと、記事本文にだけCSSが適用されないことに悩んでいました。
h2、h3の見出しの色を変更するcssを導入し、<head></head>内に記入しました。
不備はなかったはずなのに、記事本文には適用されていませんでした。そんなときの対処法です。
目次
記事内の見出しスタイルが変更されない
今は設定が反映されていますが、以前は色が反映されていませんでした。
![](https://3daysam.com/wp-content/uploads/2018/02/3d60adb32d800db6f7ef618571d20a22.png)
こんな感じです。
![](https://3daysam.com/wp-content/uploads/2018/02/6892ff3c1e9bcb7363ed75fd61179487.png)
この時、サイドバーは反映されていました。
!important で解決
こちらの記事を参考に、 !importantをCSSの行ごとに挿入しました。
TechAcademyマガジン - 教育×テク...
![](https://magazine-cf.techacademy.jp/wp-content/uploads/2016/08/NKJ52_taketomishima_TP_V-800x533.jpg)
![](https://magazine-cf.techacademy.jp/wp-content/uploads/2016/08/NKJ52_taketomishima_TP_V-800x533.jpg)
CSSで!importantを使った優先順位の変更方法 | TechAcademyマガジン
初心者向けに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;/*下線*/
}
見出しの設定は「サルワカ」さんのものを参考にしています。
反映されました!
インデックス内だけでなく、記事内でも見出しの色が変わりました!
![](https://3daysam.com/wp-content/uploads/2018/02/e3fa884177b8734510af3b2057a6b5f5.png)
CSSがうまく機能しない・・・という方は一度試してみてください。
あわせて読みたい
![](https://3daysam.com/wp-content/uploads/2018/09/f6ff8971837f722f3c896043e5cc4c97-300x200.png)
![](https://3daysam.com/wp-content/uploads/2018/09/f6ff8971837f722f3c896043e5cc4c97-300x200.png)
WordPressで記事本文が表示されなくなってしまった時の対処法
いつからかわかりませんが、このサイトの記事本文が見られなくなっているのに気づきました。 使用テーマは「Cocoon」です。 スマホからも見られません。 【表示されるペ...