【SWELL備忘録】段落ごとの行間（マージン）を変更するには

改行したときに、文章どうしの間隔を広げたい

と思うことはありませんか？

記事を書いている中でSWELLの使い方で分からなかったこと、気になったことの備忘録です。

SWELL使い方の悩み｜文章と文章の隙間を広くしたい

こんな感じに文章の隙間（余白・行間）を調整したいというのが今回の悩み。

段落¶ごとの隙間なので、行間ではなくマージン（余白）です。

マージンの変更方法

マージン（余白）をあける

STEP

「外観」→「カスタマイズ」をクリック

STEP

一番下にある「追加CSS」をクリック

STEP

CSSを書いて公開

段落ごとの隙間（マージン）を空けるcssを入力します。

下にcssのコードを書いてあるのでよければ使ってください。

.post_content>p {
margin-bottom: 4.0em;
}

4.0の数字を変更して好みの隙間にしてみてくださいね。

ちなみに当ブログでは4emというサイズで設定しています。（執筆当時←いつ変えるかわからないから）

/*この中に文字を入力できます*/　cssを使ったときにコメントを読み込まないためのコード。

行間をあける

画像のように段落内の行間をあけたい場合のコードはこちら。

.post_content p {
line-height:1.8;
}

SWELLデフォルトの行間は1.8
当ブログでは変更していないので、マージンと同じように数字を変更して調整してみてください

まとめ｜SWELLで段落の隙間（マージン）変更はCSSを設定する

設定などのお悩みはちょっと検索すれば多くの方がやり方を書いてくれています。

なので毎回検索してもいいんですが、見やすかったサイトを発見できなくなったり、どんなキーワードで検索したか忘れてしまうんですよね。

しずな

段落ごとの隙間、前に設定したけどどうやったっけ？

という感じに記憶力的な部分の悩みのための備忘録として残します。

しずな

グループ化やブロックなどに入れるとデフォルト広さに戻るみたい！