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

ワードプレステーマ別

TCDテーマANTHEM:メガメニューBのカテゴリー部分の背景色・文字色の変更方法

Q.メガメニューB(ブログ一覧)のカテゴリーの背景色と文字色が変わりません。

メガメニューBの全体的な背景色は、【TCDテーマ>ヘッダー>メガメニューの設定>メガメニューBの設定>背景色】より変更頂けます。
 
▼変更箇所イメージ
変更箇所イメージ

A.下記の方法でご対応ください。

いずれも、【TCDテーマ>サイト基本設定>カスタムCSS】に入力してください。

.megamenu_blog_list .menu_area li a {
    background: 〇; color: 〇;
}

※「background:」に背景色、「color:」に文字色のカラーコードを指定してください。

・メガメニューBの表示中カテゴリーの文字色を変更
.megamenu_blog_list .menu_area li.active a { color: blue; }
・メガメニューBの記事タイトルのリンク文字色を変更
.megamenu_blog_list .title { color: 〇; }

※ホバー時の文字色は【TCDテーマ>サイト基本設定>色の設定>メインカラー】が適用されます。

・メガメニューBの日付の文字色を変更
.megamenu_blog_list .date { color: 〇; }

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

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

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