採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマVIEWのヘッダーメニューの背景色を変更する方法

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; }

 

※●●●●●●はご任意の色番号を記述して下さい

※ヘッダーメニューのメニュー部の背景色は、テーマオプションの「基本設定」の「メインカラーの設定」「サブカラーの設定」が適応されます。

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

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

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