投稿ページのみに適用するCSS

  • 解決済 zen73

    (@zen73)


    8年、 3ヶ月前

    複数の固定ページでサイドバーの表示位置を

    /* =LAYOUT---------------- */
    #sidebar-primary {
    overflow: hidden;
    float: left;
    width: 300px;
    margin-left: 15px;
    }

    と設定しています。ブログの投稿ページのみ，ヘッダー画像を縮小した関係で
    　　margin-top: -130px;
    を追加したいと思っています。
    その方法をWeb上で探してみましたが，「それぞれの記事ごと」に設定する方法はたくさん紹介されていましたが，「ページ」に適用するための設定方法の紹介は見つけることができませんでした。
    　このことを教えていただけないでしょうか。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • ikaring

    (@ikaring)

    8年、 3ヶ月前

    ご使用のテーマでbodyタグにbody_classが適用されていれば固定ページにはpageというクラスが付与されるはずですので、.page #sidebar-primaryで固定ページのサイドバーのみにスタイルを当てられると思います。

    https://wpdocs.osdn.jp/テンプレートタグ/body_class

    トピック投稿者 zen73

    (@zen73)

    8年、 3ヶ月前

    ikaringさん，ありがとうございました。おかげさまでレイアウトを調整することができました。

    #sidebar-primary {
    overflow: hidden;
    float: left;
    width: 300px;
    margin-left: 15px;
    margin-top: -145px;
    }

    .page #sidebar-primary {
    margin-top: 0px;
    }

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「投稿ページのみに適用するCSS」には新たに返信することはできません。