あと、投稿の編集画面ではこのような設定通りの見出しになるのですが、目次のプレビューを見ると左の線が入っていません。

こちらも合わせて教えて頂けますと幸いです。

（目次を出す為に色々な方法を試す前は目次のプレビューも正しいものが表示されていました。）

投稿者:: @wakana

cocoon設定の目次を変えても、なぜか目次が表示されません。

プラグインを無効にしたりも試してみました。解決方法教えて頂きたいです。よろしくお願いいたします。

Cocoon設定　目次　タブ　はどうなってますか？

あと管理画面　投稿画面の設定もありますよ

それから

記事がないのでアップしていただき、該当記事URLをくださいね

@kautakku

cocoon設定 目次　はわかるのですが、タブというのがわかりません。すみません。

管理画面と投稿画面の設定もあるのですね。

調べて試してみます。。。。

すみません。試してみてできました。ありがとうございます！

前略、wakana さん

ｈ2の見出しのデザインを変えようと、子テーマのCSSに書いたのに、デザインが適用されない、のですね？

おそらくですが、ちゃんと、文字コードをUTF-8（BOMなし）で扱うことができるテキストエディターを使っていないため、何かしらの余計な文字列がCSSのコードに付与されてしまっているのではないか、と、推測しています。

Firefoxで子テーマのCSSを開くと以下のように表示されました。

.article h2 {
  padding: 0.6em;/*文字の上下 左右の余白*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 10px #516ab6;/*左線*/
 Â font-size: 1.7em;
}

これを、エンコードを「西欧」から「Unicode」に切り替えて表示させると、以下のようになります。

.article h2 {
  padding: 0.6em;/*文字の上下 左右の余白*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 10px #516ab6;/*左線*/
  font-size: 1.7em;
}

「西欧」の状態では、padding と、border-left と、font-size の前に余分な文字が付いています。

もしかしたら、テキストエディターではなく、何かしらのソフトからコピーした、ということはありませんか？

でも、見た目では、余分な文字が見えないので、わからない、のではないかと推測しています。

私は、「Mery」というテキストエディターをよく使っています。

Windowsのメモ帳に似たようなイメージの見た目なので、初心者でも比較的扱いやすいです。

テキストエディター「Mery」

Meryを文字コードをUTF-8 BOMなし に設定して使用すれば良いかなと思いました。

もちろん、使い慣れたテキストエディターがあれば、それでもOKかと思います。

CSSや、HTML、また、他のコンピューター言語を扱うときは、プレーンテキストを扱うことができる、テキストエディターが必要です。

@wakana さん

Macユーザーは、確かMeryは使えないですよね？

Macだと、CotEditor というのがあるみたいです。

@leafytree

本当にありがとうございます。コピーしてそのまま貼り付けていました(T . T)

ご親切に、Macの場合のも載せて頂き、すぐに反映されました！

本当にありがとうございました！！