ブロックプラグインを導入したので、Coccon(コクーン)の見出し(h2、h3)色を揃えようと思い、CSSをカスタマイズしましたが…
変更が反映されませんでした。
今回の原因はCSSの書き方が悪かったので、本記事で紹介していこうと思います。
うめ
CSS初心者なので勉強になりました…。
30日間無料登録できる「Amazonプライム会員」に登録すれば、翌日に購入した商品が届くお急ぎ便・お届け日時指定便の指定ができるので、荷物をなるべく早く受け取りたい人にオススメ！
無料体験期間中もAmazonプライムビデオや1億曲以上聞き放題のAmazon Musicなど、すべてのプライム会員特典がセットになっています！
うめ
30日間以内に解約すれば費用は発生しません！
スタイルシートのカスタマイズ準備
「外観」⇒「テーマエディタ」を選択
カスタマイズが反映されない原因
結論は…「border: 0;」を入れないと色が変わらないことがわかりました。
border: 0;をコード内に記載すると「デフォルトの枠線を消す」という指示になるため、次の行で色を指定できるようになります。
注意点
もう一つダメなパターンですが、CSSコードの冒頭を「h2」と記述するとブログ内全ての見出し2(h2)が影響を受けます。
Coccon記事内の見出しだけを指定する場合には必ず「article h2」としましょう。
まとめ
Cocconの見出しを変えたのに反映されない時の対処法を紹介しました。
CSSを追加したのに反映されないと焦ってしまいますが、落ち着いてコードの記述を確認しましょう。
