サブメニューのバックカラー

[komori0321]

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

からG3への移行TESI中です

Lightningバージョン: 14.0.12
Lightning G3 Pro Unit
バージョン 0.1.5
OriginIII
■ 質問内容：

Header Navigationサブメニューのバックカラー
が黒固定のようなのですが
サブメニューのバックグランドカラーとマウスオン時のカラーを変更したいです。
カスタマイズしようとデバックツールを使ってみたのですがうまくいかず
ご助言いただけますようお願いいたします

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[対馬 俊彦]

Header Navigationサブメニューのバックカラー
が黒固定のようなのですが

たしかに気になりますね。

ベクトル 様、

該当部分の CSS が

.global-nav-list>li>ul.sub-menu {
  background-color: #191919;
}

になっていますが、おそらく以下のようにするのがよいのではないかと思います。

.global-nav-list>li>ul.sub-menu {
  background-color: var(--vk-color-primary-dark);
}

[石川＠Vektor,Inc.]

う〜む、いや、これは内部からも言われたのですが、個人的にここは黒統一という仕様にしようという意図があってそのままにしていたのですがキーカラーの方が良いです？

他のみなさんもいかがでしょう？

[対馬 俊彦]

私が気になったのは添付画像で示した部分です。

黒統一の場合は、.global-nav-list>li.menu-item-has-children::after も黒の方がいいと思います。

どちらにそろえるか？
となると、私はキーカラー連動の方がいいです。

• この返信は3年、 7ヶ月前に対馬 俊彦が編集しました。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

小森さん、

ご質問の内容と違う方向に行ってしまい、すみません。
以下の CSS でご希望のことができると思います。

.global-nav-list>li>ul.sub-menu {
  background-color: #191919;
}
.global-nav-list>li.menu-item-has-children::after {
  border-bottom-color: #191919;
}
.global-nav-list .sub-menu li a:hover {
    background-color: #ff9999;
}

[komori0321]

石川様

お世話になります
私はLightning Skin Paleを使っていたのでか？
選べる（変更できる）か
固定ならキーカラーでお願いしたいです
ご検討お願いします

対馬様

いつもありがとうございます
使わせていただきます
追記　モバイルメニューのMENE表示も
いただきました。
重ねてありがとうございます

小森

• この返信は3年、 7ヶ月前にkomori0321が編集しました。

[石川＠Vektor,Inc.]

次回 14.0.14 で反映いたしましたので、次回アップデートしましたらご確認くださいませ。
※未リリース
https://github.com/vektor-inc/lightning/issues/600

[komori0321]

石川様

お世話になります
14.0.14 で反映いていることを確認しました
ありがとうございます
黒お気に入りの方には申し訳ございません

小森

[komori0321]

お世話になります
マウスOFF/ON時の色使いが、ほかのボタンと逆なのですが
何か意図があってのことでしょうか？
ほかのボタンと同じ動きのほうが
いいように思います
いかがでしょうか？

[石川＠Vektor,Inc.]

14.0.15 にて変更いたしましたのでアップデートの上ご確認くださいませ。

Home

[komori0321]

石川様

お世話になります
早々にありがとうございます

問合せボタンのほうを合わせていただいたようなのですが
できましたらサイト内検索のボタンの動きも
統一していただければと思います
お忙しいところすみません

[投稿者]

投稿