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

TCDテーマSOURCE:トップページのスクロール前のグローバルメニューに背景色を付ける方法

Q.スクロール前のトップページのグローバルメニューに最初から背景色をつける方法は?

トップページのファーストビューではヘッダー背景色が透明になっております。スクロールすることによってTCDテーマオプションメインカラーの色が反映されたヘッダーが表示されます。そのファーストビューの背景色をつける方法です。

A.外観>TCDテーマオプション>基本設定にある「カスタムCSS」に下記内容を記述いただくことで背景色をつけることが可能です。

.home #header {
    background-color: #F00;
}
.pc #header #global_menu li.current-menu-item > a{
  color: #000;
}

上記は、前者のグローバルメニューの背景色を赤色、
後者のグローバルメニュー選択項目の色を黒色としております。
背景色をTCD基本設定のメインカラー、選択項目の色をTCD基本設定の第2カラーと同じ値に
ご変更頂くことで、違和感なくお使い頂けます。

The following two tabs change content below.

関連記事

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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