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

TCDテーマSOURCE:ヘッダーバーカラーと文字色をそれぞれ個別に変更する方法

Q.TCDテーマオプションにおいてメインカラーを設定すると、ヘッダーの背景色と文字色が連動してしますが、どちらかを個別に設定したいです。

今回は、ヘッダーバーの色はTCDテーマオプションで設定していただき、それに連動するフォントカラーのみを変更する方法をご案内いたします。
▼変更箇所イメージ

A.下記の方法でカスタマイズしてください。

1. TCDテーマオプションのメインカラーを設定します。(ヘッダーバーの色をここで指定)
2. 外観>TCDテーマオプション>基本設定>カスタムCSSに下記を入力ください。
.pc .home #global_menu li.current-menu-item > a, .pc .home #global_menu > ul > li > a:hover {
    color: #●●●;
}

※●●●となっている部分は、
 お好きなカラーコードをご設定いただくと背景色を変更できます。
※詳しくは下記サイトをご参照ください。
 https://www.colordic.org/

The following two tabs change content below.

okaeri

お絵描き大好きです。

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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