@teba18 さんへ。

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

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

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

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

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

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

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

ありがとうございます！

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

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

@teba18 さま

ご質問いただきましてありがとうございます。
解決されたようですのでこちらのトピックはクローズとさせていただきます。
また何かありましたらフォーラムをご活用いただけますと幸いです。😊

@yinaba さま

いつも迅速かつ的確な回答で多くのユーザー様を助けていただき、運営としても大変心強く感じております🙇
今後ともどうぞよろしくお願いいたします。