Simplicityでは箇条書きをするとフォントサイズが小さく、行間が詰まって表示されるのが気になっていた。
記事本文のデフォルトの表示は気に入っていたので、箇条書きにおいても同じフォントサイズ、行間に設定することにした。
公式掲示板によれば、Simplicityデフォルト設定は、記事本文のフォントサイズは16px、行間は170%である。CSSで記述すれば以下の通り。
.article { font-size: 16px; line-height: 170%; }
そこで箇条書きに対する以下のCSSを子テーマのstyle.cssに記述した。
li { font-size: 16px; line-height: 170%; }
設定の前後は以下の通りです。
わずかだが行間が拡大し読みやすくなったのではないかと思う。
コメント