記事中の見出しのデザインを変える

CSSカスタマイズ
- 見出しのデザインを変更する
  - CSS追記例（大きさだけ徐々に変える）
  - CSS追記例（大きさ変更＋下線）
参考URL

CSSカスタマイズ

管理画面→デザイン→レンチマーク→デザインCSSからCSSの追記ができます。

CSS追記例の記述をコピー＆ペーストするか、参考にしてカスタマイズしてください。

見出しのデザインを変更する

初期状態では、記事中の見出しのデザインは大見出しや小見出し、h1〜h6まですべて同じです。

CSS追記例（大きさだけ徐々に変える）

/*記事中見出しスタイル*/
.entry-content h1 {
  font-size: 2.6rem;
}
.entry-content h2 {
  font-size: 2.4rem;
}
.entry-content h3 {
  font-size: 2.2rem;
}
.entry-content h4 {
  font-size: 2rem;
}
.entry-content h5 {
  font-size: 1.8rem;
}
.entry-content h6 {
  font-size: 1.6rem;
}

CSS追記例（大きさ変更＋下線）

/*記事中見出しスタイル*/
.entry-content h1 {
  font-size: 2.6rem;
  border-bottom: 3px double rgba(0,0,0,.5);
}
.entry-content h2 {
  font-size: 2.4rem;
  border-bottom: 2px solid rgba(0,0,0,.5);
}
.entry-content h3 {
  font-size: 2.2rem;
  border-bottom: 1px solid rgba(0,0,0,.5);
}
.entry-content h4 {
  font-size: 2rem;
  border-bottom: 1px dashed rgba(0,0,0,.5);
}
.entry-content h5 {
  font-size: 1.8rem;
  border-bottom: 1px dotted rgba(0,0,0,.5);
}
.entry-content h6 {
  font-size: 1.6rem;
}