VWSとは フォーラム Lightning [ 解決済 ] グローバルメニューの特定部分だけデザイン変更したい

[ 解決済 ] グローバルメニューの特定部分だけデザイン変更したい

  • このトピックには2件の返信、2人の参加者があり、最後にkodawariにより1ヶ月、 1週前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #45351

    kodawari
    参加者

    ■ 利用テーマとバージョン :Lightning Pro バージョン: 8.2.0

    ■ 質問内容:

    =======
    ※添付画像のように、特定のメニュー項目だけ色を変えたいです。
    =======

    LightningProで、グローバルメニューに

    [Home]
    [採用]
    [正社員]
    [パート]
    [エントリーシート]
    [お問い合わせ]

    このような構成出会った場合、サブメニューの1つである、[エントリーシート]の部分だけ、背景色・文字色を変更したいです。

    現状としては、
    #menu-item-[id] a{
    backgroundn-color:yellow!important;
    color:red!important;
    }

    として対応できるかと思ったのですが、開発ツールを見ると、
    @media (min-width: 992px)
    ul.gMenu > li > ul.sub-menu li a {
    background-color: #2e6da4;
    }
    となっている部分に打ち消されてしまっているようです。

    なにか、カスタマイズで変更する方法はございますでしょうか?

    Attachments:
    You must be logged in to view attached files.
    #45359

    うなこ
    モデレーター

    #menu-item-[id] a{
    backgroundn-color:yellow!important;
    color:red!important;
    }

    として対応できるかと思ったのですが、開発ツールを見ると、
    @media (min-width: 992px)
    ul.gMenu > li > ul.sub-menu li a {
    background-color: #2e6da4;
    }
    となっている部分に打ち消されてしまっているようです。

    では、こちらのCSSでいかがでしょうか?

    @media (min-width: 992px){
    ul.gMenu > li#menu-item-[id] > ul.sub-menu li#menu-item-[id] a {
    background-color: yellow;
    color:red!important;
    }
    }
    • この返信は1ヶ月、 2週前にうなこが編集しました。
    #45431

    kodawari
    参加者

    ありがとうございます!
    ご教示いただいたコードで、無事解決することができました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。