WordPressの賢威7で、背景色を変更する方法

ベースの背景色を変更する方法

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の違い