【Cocoonトップページ】背景色変更するたった３行CSS：カスタマイズ

Cocoonのトップページの背景色を3行のCSSで変更する方法をご紹介します。

背景色を変更する部分について

当サイトは、サイトキーカラーを薄いグレーに設定しています。
（サイトキーカラー：サイト全体のポイントとなる部分に適用される背景色）

そうすると、トップページのエントリーカード同士の間にも、薄いグレーが入ってしまいます。
（下図の矢印部分が、薄いグレーになっています。）

このエントリーカード同士の間の背景色を「白」に設定してみたいと思います。

CSSのスタイルシートに以下のコードを追加します。


#main {
	background: #fff;
}

トップページの背景色を「白」に変更しました。

エントリーカード同士の境目がなくなり、トップページの見た目がスッキリしたように思います。

この記事がお役に立ちますと幸いです。

「沈黙のWebライティング」
Amazonでレビュー数 1000以上の人気書籍
集客を成功に導くライティングのノウハウを凝縮

リンク