「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマCORE:グローバルメニューのテキストの色を変更する

Q.グローバルメニューのテキストの色(白色)を変更したい

テーマオプションで色の設定をしましたが、グローバルメニューの文字色は変更できませんでした。スタイルシートに設定されているのでしょうか?

A.下記のcssファイルの該当箇所を編集します

編集するファイル:style.css
編集する箇所:
①親メニューの文字色の変更

.pc #global_menu > ul > li a { color:#fff; font-size:13px; text-decoration:none; height:40px; line-height:40px; display:block; text-align:center; }

※「color:#fff」を 任意のカラーコードに変更下さい。

②子メニューの文字色の変更

.pc #global_menu ul ul a { font-size:11px; position:relative; padding:14px 20px 12px 20px; height:auto; line-height:160%; margin:0; text-align:left; box-shadow:none; color:#fff; }

・マウスオーバーした際の色

.pc #global_menu ul ul a:hover { color:#fff; text-decoration:none; }

※「color:#fff」を 任意のカラーコードに変更下さい。

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

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

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