子テーマで文字色を変更する方法

子テーマの style.css にCSSを追加するだけです。

例:本文の文字色を変更

body {
color: #333333;
}

見出しの色を変える例

h1, h2, h3 {
color: #0066cc;
}

リンクの色を変える例

a {
color: #ff6600;
}a:hover {
color: #cc0000;
}

ポイント

  • 子テーマの style.css に書けばOK
  • 親テーマは変更しない
  • アップデートしても消えない

もし変更が効かない場合

親テーマのCSSが強い場合があります。
そのときは少し詳しく指定します。

例:

body p {
color: #333333;
}

まとめ

子テーマは、自分専用のデザインを安全に追加できる仕組みです。

文字色、背景色、余白、フォントなど、自由に変更できます。