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/
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!