サポート » テーマ » Twenty Fourteen サイドバーの背景変更

  • 解決済 kazuya 2013

    (@kazuya-2013)


    今度新しく出来たテーマをいじっているのですが
    サイドバーの色がかわりません。

    左のPrimary sidebar
    右のContent sidebar
    共に背景を変えることが出来ませんでした。

    私はPHP初心者で5時間以上格闘した末にフッターとヘッターしか色を変えることが出来ませんでした。

    サイドバーの色の変え方を教えて下さい。
    よろしくお願いします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • こんにちは

    style.cssの、最終行に以下のように記述してみてください。

    #page:before{
    	background:red;
    }

    >nobitaさん回答ありがとうございます。

    お蔭様で左Primary sidebarは赤に変りました。
    ちなみにスマートフォンで見ると色は黒のままなのですが、これは変更可能でしょうか?

    あと、
    右のContent sidebarの変更はご存知ありませんか??

    よろしくお願いします。

    메텔

    (@digitmaetel)

    わたしも Twenty Fourteen の色の変更を工夫しているところでした。

    右の Content sidebar は中の要素だけが変わる程度で結局全体の色を変えることで、
    次はどうしようか思案しているところでした。

    #primary, #secondary {
    background-color:rgba(5,169,197,0.2);
    }

    ところがそんな最中、styles を採用した子テーマ「Anjirai」が公式テーマでリリースされました。これはとても容易に変更できますよ。

    Anjirai

    style.cssの最終行

    .content-sidebar{
    	background:#00CC33
    }
    #secondary,
    #page:before{
    	background:red;
    }

    おまけで、作ってみました

    /** Twenty Fourteen Reset Colors
     *
     *
     */
    ::selection,
    .search-toggle:before,
    *{
    	color:#000!important;
    }
    
    .primary-navigation li:hover > a,
    .primary-navigation li.focus > a,
    ::selection,
    .search-toggle,
    .search-toggle:hover,
    .search-box,
    .site-info a,
    .site-footer,
    .grid .featured-content .entry-header,
    #featured-content,
    #masthead,
    .content-sidebar,
    #secondary,
    #page:before{
    	background:#fff;
    	border:none;
    }

    >digit@maetelさん
    ご回答ありがとうございます。

    子テーマですか
    子テーマはよく分っていないので勉強してきます。

    >nobitaさん
    ご回答ありがとうございます。

    わざわざ作っていただいて恐縮です。
    ありがとうございます。

    今は少し忙しいのでいじる時間を確保できませんが、時間が出来た時にじっくりと作業させていただきます。

    お二人ともありがとうございます。
    お蔭様でスレのタイトルの問題は解決しそうです。

    すいません、解決済みにするのを忘れていました。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「Twenty Fourteen サイドバーの背景変更」には新たに返信することはできません。