ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

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

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

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

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

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

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

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

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

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

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