Q.ヘッダーメニュー(ヘッダーバー)の背景色を変更したい
A.下記のCSSファイルの該当箇所を編集します
編集するファイル:style.css
編集する箇所:
・ヘッダーバー全体の背景
.pc #global_menu { z-index:100; background:#222222; width:100%; min-width:1200px; position:relative; }
↓
.pc #global_menu { z-index:100; background:#●●●●●●; width:100%; min-width:1200px; position:relative; }
・ヘッダーメニューの背景
.pc #global_menu > ul > li a { color:#fff; background:#222222; font-size:12px; text-decoration:none; height:55px; line-height:55px; display:block; text-align:center; }
↓
.pc #global_menu > ul > li a { color:#fff; background:#●●●●●●; font-size:12px; text-decoration:none; height:55px; line-height:55px; display:block; text-align:center; }
※●●●●●●はご任意の色番号を記述して下さい
※ヘッダーメニューのメニュー部の背景色は、テーマオプションの「基本設定」の「メインカラーの設定」「サブカラーの設定」が適応されます。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!