MonoTsuduriテーマ

はてなブログ用テーマ「MonoTsuduri」のデモとカスタマイズ方法について

記事中のテキストの下の間隔を変更する

MonoTsuduriの初期状態では、文章の下に1.5行分の間隔が空くように設定しています。

改行で細かく行間を調整する人や、あるいはもっと空けたいといった場合にこの間隔を変更する方法です。

CSSカスタマイズ

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

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

記事中の文章の下の間隔を変更する

CSS追記例(空きをなしに変更)

f:id:Kuichi:20190309143711j:plain

/*記事中のテキスト空き*/
.entry-content p {
    margin-bottom: 0;
}
CSS追記例(空きを1行分に変更)

f:id:Kuichi:20190309143729j:plain

/*記事中のテキスト空き*/
.entry-content p {
    margin-bottom: 1em;
}
CSS追記例(空きを3行分に変更)

f:id:Kuichi:20190309143742j:plain

/*記事中のテキスト空き*/
.entry-content p {
    margin-bottom: 3em;
}