2022/05/23
お世話になっております。
以下のようなCSSでいかがでしょうか？
.desktop-nav .sub-menu {
background-color: ここに好きな色;
}
.desktop-nav .sub-menu li a {
color: ここに好きな色;
}
よろしくお願いします。
2022/05/23
解決しました。
ただし、iPad+safariでは背景色を制御できませんでしたので、
とりあえずid を指定する方法を併用しています。
ありがとうございました。
WordPressテーマSANGOの質問
サブメニューの文字色と背景色
メインメニューにカーソルを当てると表示されるサブメニューの色を変えたいと思っています。
https://saruwakakun.com/sango/qa
の記事を見て、
.header .sub-menu .desktop-nav {
color: #ff0000;
background-color: #00ffff;
}
のように追加cssに記載しましたが、変化がありません。
カンマを入れて
.header, .sub-menu, .desktop-nav {
color: #ff0000;
background-color: #00ffff;
}
とすると、メインメニューとサブメニューの背景色が変わりますが、文字色は変わりません。
また desktop-nav を外し、id を追記して
.header, .sub-menu, #menu-item-1333, #menu-item-1332, #menu-item-1372 {
color: #ff0000;
background-color: #00ffff;
}
とすると、サブメニューの背景色が変わりますが、文字色は変わりません。
(iPadのsafariでは、背景色も文字色も変わりません。)
(iPadを含めて)サブメニューの文字色と背景色を変えるには、どうしたらいいでしょうか。