見出し用追加CSSが反映されない

@teba18 さんへ。

とりあえず、記事で紹介されているコードを使用する場合、見出しのデザインを「装飾なし」に切り替えておいてください（スクリーンショット参照）。

そうすれば適用されると思います。

また、記事内にある以下の注意事項はお読みいただけましたでしょうか。

今回は「Cocoon」にて表示検証を行ったCSSコードのサンプルを載せています。（2024年5月時点）
また、ブログ記事の内容などが表示されるメインコンテンツ部に適用するコード形式になっています。

ほかのテーマで利用する場合や、サイドバーなど、ほかの箇所に適用したい場合は、調整を必要とする場合がありますのでご注意ください。
テーマによっては、公式サイトのマニュアルなどで、カスタマイズに関して案内されている場合がありますので、そちらもご参照ください。

コードの調整は記事後半の「うまく見出しデザインが反映できない場合」もご参照ください。

上記のとおり、記事で紹介されているサンプルはCocoonで動作確認したものであり、XWRITEとは異なります。
後学のためにも、どうか記事を最後までお読みいただくことをおすすめいたします。

ありがとうございます！

「装飾なし」にしたことで、無事に反映することができました。

そして、記事を最後まで読んでいませんでした。今後気をつけていきます。