TCDテーマBeyond：グローバルメニューの親項目ホバー時・子項目の背景色と文字色を変更する方法

Q.ヘッダー内「ドロップダウンメニュー」の背景色とフォントカラーは変更できますか？

この記事では、メニュー項目ホバー時の背景色・文字色、およびドロップダウン・メガメニューB（サービス一覧）・メガメニューC（導入事例一覧）の背景色と文字色の変更方法をご案内します。
 
▼変更箇所イメージ（ホバー時のメニュー親項目とドロップダウン表示の子項目部分）

A.下記の方法でご対応ください。

〇（背景色）・◎（文字色）を任意のカラーコードに変更して【TCDテーマ＞基本設定のカスタムCSS・スクリプト＞カスタムCSS】に入力してください。
 
・親項目ホバー時

#global_menu > ul > li.active > a { background:〇!important; color:◎!important; }

※メガメニューを設定した親項目のホバー時には反映されません。

 
・メガメニューを設定した親項目ホバー時

#global_menu > ul > li.active_megamenu_button > a { background: 〇!important; color: ◎!important; }

 
・ドロップダウンメニュー

#global_menu ul ul a { background: 〇; color: ◎; }

 
・メガメニューB・C

.megamenu_b { background: 〇; } .mega_menu_list .menu_area a { color: ◎; }