WordPressテーマTCDのカスタマイズを研究するサイト

ヘッダーメニュー(ヘッダーバー)の背景色を変更する方法

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

 

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

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

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。