VWSとは › フォーラム › Lightning › Lightning Pro　サイドバーウィジェットの背景色を親ページ毎に変更したい

Lightning Pro　サイドバーウィジェットの背景色を親ページ毎に変更したい

タグ: 

このトピックには4件の返信が含まれ、2人の参加者がいます。1 ヶ月、 1 週前に  VWSカスタマー さんが最後の更新を行いました。

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • 2019年6月7日 7:07 PM #16763

    VWSカスタマー
    参加者

    Lightning Pro　を利用しております。
    固定ページの階層ナビゲーションがサイドバーに表示されるのですが、
    親毎にナビゲーションの背景色を変更したいのです。
    (または親だけでも)
    googleの検証で見ているのですが、CSSが不得意でわかりません。

    ご教示いただきますよう宜しくお願いいたします。

    2019年6月10日 11:33 AM #16783

    kurudrive
    参加者

    bodyタグのclassに識別用のクラスがついています。
    例えば「parent-pageid-317」みたいな感じです。
    この場合、親ページのidが317という意味です。

    サイトバーの背景変更例は

    .parent-pageid-317 .sideSection {
background-color:#f00;
}

    のようになります。

    下記も参考にしてください。

    全てのWordPressテーマで使える！デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜

    2019年6月10日 4:01 PM #16791

    VWSカスタマー
    参加者

    ありがとうございます。
    .parent-pageid-317 .sideSection {
    background-color:#f00;
    }
    を参考にしてみたのですが、
    固定ページの2階層目にある　postid-11 なのですが、どうしてもわかりません。

    勉強してみますm(_ _)m

    2019年6月11日 1:50 PM #16803

    kurudrive
    参加者

    該当のページの HTML を表示したりすると

    <body class="page-template-default page parent-pageid-100 page-id-1012 post-type-page">

    のようになっています。

    parent-pageid-100 は親ページのidの事です。

    2019年6月11日 2:10 PM #16806

    VWSカスタマー
    参加者

    有難うございます。
    できました。
    感謝いたしますm(_ _)m

  • 投稿者
    投稿
5件の投稿を表示中 - 1 - 5件目 (全5件中)

このトピックに返信するにはログインが必要です。