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

このトピックには2件の返信、2人の参加者があり、最後にkodawariにより3年、 4ヶ月前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2020年12月4日 11:01 AM #45351

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.

2020年12月4日 5:19 PM #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;
}
}
```
- この返信は3年、 4ヶ月前にうなこが編集しました。
2020年12月7日 11:51 AM #45431

kodawari
参加者

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

投稿