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

ワードプレステーマ別

TCDテーマGriderで背景色とフォントの色を一括で変更する方法

Q.PC表示で背景色とフォント色を一括で変更したい

色合いに変化が欲しいので、サイト全体のキーカラーを変更する方法を教えてください。

A.以下のcssファイルの該当箇所をご編集ください。

編集するファイル:style_pc.css
編集する箇所:

/* ----------------------------------------------------------------------
 pc style setting
---------------------------------------------------------------------- */
body { margin:0; padding:0;
       font-family:"Century Gothic",Arial,sans-serif;
       color:#●●●; background-color:#●●●; }

※最後の行のcolor(文字色)とbackground-color(背景色)の●●●にお好みのカラーコードを設定するとPC閲覧時の背景色、文字色が一括で変更できます。

ヘッダー部分は画像により背景を描写しているので、上記変更をしても背景色は適用されませんが、
テーマファイル内のimg>header>「background.png」をお好みの色に編集し、差し替えることでヘッダー部分の色も変更が適用されます。

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

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

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