サポート » テーマ » サイドバーを透明化に変更したいのですが出来ません。

  • 解決済 papas001

    (@papas001)


    sydneyというテンプレートを使っています。
    ブログの本文は背景の透明化できましたが、サイドバー、フッター(ウィジットなどを表示する部分と)が変更できません。

    変更した部分は
    background-color: rgba( 204, 255, 204, 0.15 );
    color: #fff;
    を加えました。

    わかる方いましたら、是非ご指導お願いいたします。

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • おそらく正しい要素にCSSルールが設定されていないだけだろうと思います。
    Chromeでしたら右クリックで要素の検証を選択、デベロッパーツールが開きますので、どの要素に背景色が設定されているか確認して、そこを上書きするようにしてください。

    ただ、SydneyテーマのCSSを直接編集した場合、テーマのアップデート時に変更が上書きされますので、子テーマを使用した運用にされることをおすすめします。
    詳細はCodexを参照ください。
    http://wpdocs.osdn.jp/子テーマ

    トピック投稿者 papas001

    (@papas001)

    ikaring様
    ありがとうございます。
    子テーマを作成しました。
    ソースを見ると<div id=”secondary” class=”widget-area col-md-3″ role=”complementary”>
    とあり、スタイルシートのwidget-areaに
    background-color: rgba( 204, 255, 204, 0.15 );
    color: #fff;
    を書き加えましたが、反映されません。

    また、お時間あればよろしくお願いいたします。

    優先順位の問題だと思います。
    親テーマ(sydney)では、.widget-areaではなく、#secondaryにbackground-colorの設定がされていませんか?
    CSSの優先順位は、classへの指定よりもidへの指定の方が高く設定されていますので、親テーマの設定が優先されているものと思います。

    #secondary {
    background-color: rgba( 204, 255, 204, 0.15 );
    color: #fff;
    }

    としたらどうなりますでしょうか。

    トピック投稿者 papas001

    (@papas001)

    ikaring様
    ありがとうございます。

    スタイルシートに#secondary がないんです。

    どこだろう?
    また、お時間あればよろしくお願いいたします。

    どういうことでしょうね。
    あ、カスタマイザで設定されてますかね。
    管理画面の「外観」―「カスタマイズ」にサイドバーの背景色の設定がありませんかね。

    トピック投稿者 papas001

    (@papas001)

    あります。
    sidebar backgroundの設定はfalseにしてみたのですが、ダメでした。
    また、お時間あればよろしくお願いいたします。

    今、こちらでもテーマをインストールして確認しました。
    カスタマイザでは透明が指定できないですね。
    #secondaryの設定がインラインで書き込まれますので、style.cssの指定よりも後に読み込まれることになり、そちらが優先されてしまいます。
    ですので、cssの優先順位を上げるようにしてやれば大丈夫です。
    子テーマのstyle.cssに下記のルールを追記してください。

    #page #secondary {
    background-color: rgba( 204, 255, 204, 0.15 );
    color: #fff;
    }

    Sydney 1.11 テーマのカスタマイザに、「Sidebar background」、「Footer widget area background」など、それぞれの「色」設定があります。
    カスタマイザの設定が優先されているのではないでしょうか。

    トピック投稿者 papas001

    (@papas001)

    ikaring様

    出来ました。わざわざインストールしてまで教えて頂き、ありがとうございました。
    これでやっと寝れます。

    本当にありがとうございましたる

    また、맹조もありがとうございました。
    無事に解決できました。

    ありがとうございました。

    トピック投稿者 papas001

    (@papas001)

    無事に解決できました。

    ありがとうございました。

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • トピック「サイドバーを透明化に変更したいのですが出来ません。」には新たに返信することはできません。