採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

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/

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

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

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