ベースの背景色を変更する方法
base.css の中にある、body を見つけます。
賢威7.1のコーポレート版の場合は、10行目にあります。
body{ margin: 0; }
マージン設定だけしかありませんので、 background-color を追加して次の様にします。
body{ margin: 0; background-color: #aabbcc; }
記事部分の背景色のみ変更する方法
base.css の中にある、
/*コンテンツの基本単位(「section-wrap」+「section-in」でコンテンツを覆う)*/ .section-wrap{
と書かれている部分を見つけます。
賢威7.1のコーポレート版の場合は、963行目~にあります。
この中に、background-color を追加します。
background-color: #ffffff;
等と、好きな色を指定します。
このままのだと、サイドバー部分の背景も色が変わってしまいます。
そこで、もう一行追加します。
/*-------------------------------------------------------- サブコンテンツ --------------------------------------------------------*/ .sub-conts .section-wrap{
と書かれている部分を見つけます。
賢威7.1のコーポレート版の場合は、1011行目~にあります。
この中に、background-color を追加します。
background-color: transparent;
記事部分とサイドバーの背景色を同時に変更する方法
既に上に書いた内容で重複してしまいますが、整理してまとめます。
base.css の中にある、
/*コンテンツの基本単位(「section-wrap」+「section-in」でコンテンツを覆う)*/ .section-wrap{
と書かれている部分を見つけます。
賢威7.1のコーポレート版の場合は、963行目~にあります。
この中に、background-color を追加します。
background-color: #ffffff;
等と、好きな色を指定します。
この様に設定すると、記事部分と、サイドバー部分の背景が同時に指定されます。
background-colorとbackgroundの違いについて
background-colorとbackgroundの違いについては、以下の記事で解説されていましたので、リンクを張っておきます。
【CSS】background-colorとbackgroundの違い