[対応:5]サイドバーの背景色の変更方法

賢威クール版のサイドバーの背景色の変更方法を説明します。

クール版のデフォルトだと背景が灰色です。
あたらに追加した画像と背景が合わせにくいので
白にしたいと言う質問が多いです。

サイドバーの背景色の変更方法


サイドバーの背景色の変更方法

サイドバーの背景色

このように、追加した画像と
背景色が違うので合わせにくいですね。。

それでは、説明していきます。

ダッシュボード⇒外観⇒テーマ編集をクリックし、
cool-whiteg○.cssをクリックして編集します。

/*——————————————————–
サイドバー
——————————————————–*/
↑のサイドバー表示のよりさらに下で、全体の中間ぐらいです。

/*●コンテンツ*/
#sidebar1 div.contents,
#sidebar2 div.contents{
    margin-bottom: 20px;
    padding: 15px 7px;
    background-color: #eaeaea; ← #fff にします。
    border: 1px solid #ababab; ← #fff にします。
}

#sidebar1 div.menu,
#sidebar2 div.menu{
    margin-bottom: 20px;
    padding: 5px 7px;
    background-color: #eaeaea; ← #fff にします。
    border: 1px solid #ababab; ← #fff にします。
}

※↑は3カラムの場合のCSSです。
2カラムの場合は、#sidebar1#sidebar2 ⇒ #sidebarになります。

4ヶ所を#fffに変更します。

これで保存して完成です。

サイドバーの背景色変更

このように背景色が白色に変更されました。

以上
賢威カスタマイズ サイドバーの背景色の変更方法でした。

3 Responses to “[対応:5]サイドバーの背景色の変更方法”

  1. 亀ちゃん より:

    以前お世話になりました亀ちゃんです。

    ワードプレスのダッシュボードで更新をかけてもエラーが出て、完全にあきらめていました(笑)。
    レンタルサーバーを変えたところ、更新ができるようになり再度ワードプレスに戻りました^^

    単純なことだと思いますが、#fff に変えて、保存・・・
    保存ボタンがないみたいですが、どうやって保存するのでしょうか^^;?

  2. 亀ちゃん より:

    すみません。自己解決しました^^
    パーミッションの設定が原因でした。

    • マメボーw より:

      亀ちゃん さん初めまして^^
      解決出来て良かったですね^^
      宜しくお願いします。

コメントを残す

サブコンテンツ

このページの先頭へ