[ 解決済 ] サブメニューの文字色を変更したいです

[sodeshi-h]

■ WordPress のバージョン
バージョン 6.5.3

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
バージョン: 15.23.0

■ Pro Unit のバージョン
バージョン 0.26.8

■ スキンの種類
Origin III

■ 期待する動作
グローバルナビゲーションのサブメニューの文字色を
白から#747d78（濃いグレー）にしたいです。

サブメニューの背景色をカスタマイズしましたら、元の白では見づらいので。

■ 自分で試した事
サブメニューのカスタマイズをするために以下を追加CSSに加えました。
①の背景カラーの命令の後ろにcolor:#747d78!important;を追記しましたが変化ありませんでした。

/* ①サブメニューの背景色 */
.global-nav-list>li>ul.sub-menu {
background-color: #FDE7C6;
}

/* ②突起部分の色 */
.global-nav-list>li.menu-item-has-children::after {
border-bottom-color: #FDE7C6;
}

/* ③マウスホバー時の背景色 */
.global-nav-list .sub-menu li a:hover {
background-color:#ffc574;
color:#747d78;
}

/* ④ボーダーの太さ・線種・色 */
.global-nav-list .sub-menu li a {
border-bottom: 3px solid rgba(113,112,113,.15);
}

■ 症状が発生するブラウザ
Chrome

■ 実際の症状
サブメニューの文字色を変化させることができません。

■ その他特記事項
ご教示をよろしくお願いいたします。

---

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

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

[対馬 俊彦]

テーマ側の CSS が以下のようになっています。

.global-nav-list .sub-menu li a, .global-nav-list .sub-menu li a:hover {
    color: #fff;
}

これを置き換える必要がありますので、④ に追記すれば期待する結果になると思います。

[sodeshi-h]

対馬俊彦様

教えていただいた通り、color:#747d78!important;を④に追記したところ、文字色を変えることができました。
ご教授いただきありがとうございました！！

[投稿者]

投稿