Simplicityで箇条書きのフォントサイズ、行間を変更する方法(CSS)

Simplicity

Simplicityでは箇条書きをするとフォントサイズが小さく、行間が詰まって表示されるのが気になっていた。

記事本文のデフォルトの表示は気に入っていたので、箇条書きにおいても同じフォントサイズ、行間に設定することにした。

公式掲示板によれば、Simplicityデフォルト設定は、記事本文のフォントサイズは16px、行間は170%である。CSSで記述すれば以下の通り。

.article {
  font-size: 16px;
  line-height: 170%;
}

そこで箇条書きに対する以下のCSSを子テーマのstyle.cssに記述した。

li {
  font-size: 16px;
  line-height: 170%;
}

設定の前後は以下の通りです。

before

設定変更前(デフォルト)

after

設定変更後

わずかだが行間が拡大し読みやすくなったのではないかと思う。

コメント