賢威でメインイメージの裏の背景色を変更する方法

2013年08月22日 [賢威のHTML/CSSカスタマイズ]

WS01887

賢威でメインイメージを設定していると、それにあわせて背景の色もカスタマイズしたい、と思うことがありますよね。例えば、このサイトであれば賢威のメインイメージは黒なので、それにあわせてメインイメージの背景を黒にしてみましょう。

賢威のCSSを編集する

まず賢威の管理画面の「外観―＞テーマ編集」から「design.css」を選択します。design.cssを選択したら以下の部分を探してください。ブラウザ検索（Chromeであれば「F3キー」）で「main-image」と検索すると簡単に見つかります。

/*--------------------------------------------------------

コンテンツ全体

--------------------------------------------------------*/
#main-in{ padding-top: 1.5em; }
/*●メイン画像*/

#main-image{

	padding-top: 1.5em;

}

ここを以下のように書き換えます。このサイトの場合は、黒色にしたいので「#1d1818」を背景色に設定します。

/*--------------------------------------------------------

コンテンツ全体

--------------------------------------------------------*/
#main-in{ padding-top: 1.5em; }
/*●メイン画像*/

#main-image{

	padding-top: 1.5em;

        background-color:#1d1818;

}

これで完了です。ブラウザを更新して確認してみてください。

WS01892

賢威は数多くのアフィリエイターやブロガーに長年に渡って支持され続けているSEO対策済テンプレートです。 WordPressでブログを運営している方で、本気でアクセスアップやSEO対策を狙っているなら、間違いなくお勧めです。

以下の記事で賢威の特徴や魅力について詳しく解説していますので良かったらご覧ください。豪華な特典のプレゼントもあります。

賢威がアフィリエイターに選ばれる理由当サイト限定の賢威の購入特典はこちら

コメントを残す

サブコンテンツ

賢威でメインイメージの裏の背景色を変更する方法