wordpress 現在のメニューのプルダウンしたメニューの表示の変更

Question

wordpress 現在のメニューのプルダウンしたメニューの表示の変更方法を教えていただきたく投稿しております。
当方、masonic(https://ja.wordpress.org/themes/masonic/)のテーマを使用しており、子テーマを作って主にスタイルシートの編集をしております。
現在のメニューの表記を

#masonic .current_page_item a, #masonic .current-menu-item a {
	color:#fff;
	background: #000;
	background: linear-gradient(transparent 90%, #ff0000 50%);

というふうに赤いアンダーラインが入るようにしてあるのですが、プルダウンしたメニューにも同じように赤いラインが入ってしまいます。上記のコードをプルダウンしたメニューに反映させない方法はありますでしょうか？

よろしくお願いいたします。

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、WordPressテーマはテーマ名だけではなく取得したURLを質問文に追記ください。（URLにはリンクを張ることができます）

Answer 1

以下のコードで消えませんか？

#masonic .current-menu-item .sub-menu a {
background-image:none;
}

参考まで。
追記

すいません。どうコードを効かせているのか全体像が把握し切れていませんが、

#masonic .current-menu-item .sub-menu a:hover {
/*かからなくなったというコードを記入*/
}

とかでいけませんかね。

Comments

[WP-bing]

返信ありがとうございます。
#masonic .current-menu-item .sub-menu a {
background-image:none;
}
以上のコードで試したところ、確かに赤いラインは消えたのですが、ホバーを使っているためプルダウンしているメニューにホバーがかからなくなりました。
#masonic .current_page_item a, #masonic .current-menu-item a {
color:#fff;
background: #000;
background: linear-gradient(transparent 90%, #ff0000 50%);
↑このコードから#masonic .current-menu-item .sub-menu aへは反映しないようにできますでしょうか？
よろしくお願いします。

[WP-bing]

お返事ありがとうございます。
#masonic .current-menu-item .sub-menu a:hover {
/*かからなくなったというコードを記入*/
}
↑このかからなくなったというコードはどのようなものなのでしょうか？wordpressは全くの初心者で基礎知識もありません。何度も質問して申し訳ありません。

このようなサイトを作っているのですが、サブメニュー付きのページに行くと、そのページのプルダウンしたメニューにマウスオーバーした時、赤く変色させたいのです（他のページのプルダウンしたメニューは赤くなるのでなぜならないか気になってます。）
よろしくお願いします。

[8-0_nyan5]

masonicはデフォルトで「メニューにマウスオーバーした時、赤く」なるようにはなっていないですよね。なので、ご自身でそう設定されたのだと思うのですが……。違うのでしょうか。