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

[kodawari]

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

■ 質問内容：

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

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

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

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

現状としては、
#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.

[うなこ]

#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;
}
}

• この返信は4年前にうなこが編集しました。

[kodawari]

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

[投稿者]

投稿