「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマZERO:ヘッダーメニューの色を変更する方法

Q.ヘッダーメニューの背景色、文字色を変更したい

TCDテーマオプションにて色の変更がされないメニューの色を変更したいのですが、可能でしょうか。

A.可能です。カスタムCSSを編集してください。

以下のCSSをカスタムCSSに記述いただくことをお試しください。
カスタムCSSに記述いただくことでテーマアップデートを行っても上書きされずに継承されます。

ZEROのテーマバージョンアップによりメインカラーがメニューの背景に反映されるようになりましたので、メニューの背景色は別途カスタマイズが不要となりました。

ZEROのテーマにおいてカスタムCSS記述箇所は
管理画面
外観 > TCDテーマオプション > 基本設定
にあります。

/*基本の背景色*/

#index_post_list_tab {
background: #df3f3f;
}

/*基本の文字色*/

index_post_list_tab ol {
color: #fff;
}

/*カーソルを合わせた時の背景、文字色*/

#index_post_list_tab ol li.active, #index_post_list_tab ol li.active:hover {
background: #fff;
color: #333;
}

色番号は好みで調整ください。

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

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

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