cocoon備忘録

【初心者】cocoon設定のサイトキーカラーで見出し色が反映されない件

見出し

 

今回は初心者なのにcocoonの見出しの色を変えたくて、基本のcocoon設定のやってみたは良いけど何故かうまく反映されない件について。

本当にど素人の覚書なので、本当の初心者さんだけ見てくださいね。

 

(スキンはcocoonの「fuwari・えび茶色」のデザインを使ってます)

 

スポンサーリンク

まずcocoon設定で普通にキーカラーを変更してみる

まずは普通に見出しの色を変更してみます。「cocoon設定>全体」を開いて

見出し

 

キーカラーを見ます。

見出し

↑サイトキーカラーを黒っぽい色に、テキストカラー(文字色)は白に
変更してみました。

 

 

すると下記のように見出し2(h2)は変更出来たが、見出し3(h3)は変更されてませんでした。

 

cocoonフォーラムで質問

cocoonフォーラムで質問したところ、以下のような回答を頂きました。

h3の背景はデフォルトでは指定がなく、スキンがスタイルを指定しているみたいです。なのでキーカラーを変更しても、h3はスキンのスタイルが反映されるだけです

要するに、fuwari・えび茶のスタイルが優先で効いてるって事らしいです。

 

では、見出し3をcssで変更してみる

「cocoon設定>外観>カスタマイズ>追加css」をひらく

下記をカスタマイズ欄にコピペ

/* 見出しをリセット */
.article h3
{color: #ffffff; /*文字の色を変更*/
background: #727171;/*背景*/}
見出し3も無事見出し2と同じ色に!
見出し
「cocoon設定のサイトキーカラーで見出し色が反映されない」ときは参考にしてみて下さいね。

ちなみに、今回はどうにか色が反映したのですが、いまいち見出し2と見出し3がほぼ同じように見えますね。なので下記の記事では見出し3をアレンジしてみました。

 

スポンサーリンク
シェアしてもらったら嬉しいです
ひきこも日記