ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマHORIZON:ヘッダーのドロップダウンメニューの背景色・文字色を変更する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.グローバルメニューのサブメニュー「ドロップダウンメニュー」の、背景色と文字色を変更したいです。

HORIZONのヘッダーメニューのレイアウトについてはデモサイト内のブログ記事でもご紹介しております。

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

TCDテーマ>基本設定のカスタムCSSに入力してください。

ドロップダウンメニュー(タイプ1)

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

ドロップダウンメニュー(タイプ2)

.megamenu_a ul { background: ○; }
.megamenu_a a { color: ◎; }

○(背景色)◎(文字色)を任意のカラーコードに変更してください。

ドロップダウンメニュー(タイプ1)のホバー時の背景色には、TCDテーマ>基本設定>カラーの「アクセントカラー」が適用されます。サイトに統一感を持たせるため、ここはそのままアクセントカラーを適用されることをおすすめします。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事