WordPressテーマSANGOの質問

見出しのCSS 変更が反映されない

アバター
fireworks

お世話になります。
tears for SANGOの子テーマを適用しております。

https://saruwakakun.com/html-css/reference/h-design#section1
の「左線」を、h2に適用しようと下記のようなCSSに記述変更いたしましたが、
反映されません。(キャッシュ削除済)

/*————————————–
見出しh2
————————————–*/
.entry-content h2 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #f4c27c!important;/*左線*/
}

また、目次プラグインは「Easy Table of Contents」ではなく、
「TOC+」を使っておりますが、上記、CSSの記述変更をしましたところ、

適用前:アイキャッチ画像の真下に目次
適用後:最初のh2と最初のh3の間に目次

が表示されるようになってしまいました。

ちなみに「Easy Table of Contents」を使用していない理由は、2点ありまして、

1,目次自体が全く表示されなかった。
2,目次の左側にあるアイコンと目次の文言が重なってしまう。

からで、御座います。
ご指導のほどよろしくお願い致します。

SANGOでデフォルトの見出しを変える方法
コメントへの回答
サルワカくん
サルワカくん
2020/04/23

お世話になっております。
CSSが反映されない原因ですが、主に以下が考えられます。
①CSSの文法に間違いがある(全角が入り込んでいるなど)
②CSSを書く場所に誤りがある
③CSSの適用の優先順位に誤りがある

おそらく①か②だと思います。
②についてですが、CSSは子テーマのstyle.cssか[外観]⇒[カスタマイズ]⇒[追加CSS]以外の場所に貼り付ける必要があります。たまーにfunctions.phpに貼り付けてサイトを壊しちゃう方がいるので・・・

目次の表示に関しては、SANGOは見た目を整えているだけで、表示の出力の制御を一切行っていません(表示位置の制御もまったく行っていません)。
どのテーマでも目次が表示されない原因は同じなので「Table Of Contents Plus 表示されない」でGoogle検索すると分かりやすい解説記事がたくさん見つかるので調べてみてください。
おそらくプラグインの設定の問題だと思います。

参考:SANGOでEasy Table of Contentsの目次を表示する
https://saruwakakun.com/sango/easy-table-of-contents

よろしくお願いします。