コクーン（Cocoon）のボックスの背景色を変更する方法

[temp id=1]

ボックスカラーバリエーションを6倍に

コクーン（Cocoon）テーマにある【スタイル】内のボックス。

無料テーマなのに、ここまで使えるなんて本当にありがたく使用させていただいています。

特にCSSとか全く分からないので、「コクーンカスタマイズ」で調べると、知識豊富な方がたくさんCSSでオリジナルのデザインで工夫されていることに、とても感心して、うらやましく思っています。

もしCSSが全く分からない、同じような境遇の方がいらっしゃったら、こんな方法でもボックスの背景色を増やすことができますよ。

スタイル内のボックス（白抜き）

【スタイル】からボックス（白抜き）を選ぶと、文字を囲ってくれるフレームみたいなもので装飾してくれます。

標準で4色ありますね。

背景色は白で、標準のままですが背景色を変えられれば、見た目がまた違いますよね。

例えばこんな感じです。

どうでしょう？見た目変わりますよね。

新たに5色増えました。

ボックスの背景色が白色を加え6色ということで、ボックスのカラーバリエーションが6倍になりました。

当然ながら先ほども書きましたが、CSSは全く分からないので使いたくても使えません。

たったこれだけです。

簡単に言うと同じ文字にボックス（白抜き）とボックス（案内）を２度書きしただけなんです。

同じ要領で２度書きを他の色でやってみると、先ほどのように背景色を変えることができます。

スタイル内ボックス（タブ）

こちらも同じようにすると、タブの背景色が同じく全６色になります。

全く同じ要領で完成です。

ボックスのタブも白抜きも４色が標準なので、４色×６色＝24種類もバリエーションがある事になりますよね。

[temp id=3]