会員サイトをリニューアルしました! 新サイトはこちら

改行の幅のカスタマイズ方法について < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

改行の幅のカスタマイズ方法について
 
通知
すべてクリア

[解決済] 改行の幅のカスタマイズ方法について

6 投稿
4 ユーザー
0 Likes
2,188 表示
mai_77777
(@mai_77777)
Active Member
Topic starter
 

同じブロック内の改行(HTMLでいう<br>タグを挿入する形での改行)をした場合の「改行の幅」を調整したいのですが、どこかで調整することは可能でしょうか?

もし可能であれば手順をお伺いさせて頂きたいです...!

また、ブロック同士の幅であれば「ブロック下の余白量」にて幅を調整できるかと思うのですが、全体に一括で適用する方法はございますでしょうか ><

(現在は全てのブロックにて「3」を1つ1つ選択しているのですが、デフォルトで「3」のサイズになるようにしたいと考えています。)

お手数をお掛けします、よろしくお願いします 😣 

 
投稿済 : 06/08/2020 7:11 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

「改行の幅」はline-heightというCSSで調整できるので、投稿コンテンツ内のpタグ全てに適用するなどしていただくと良いのかなと思います。(改行のない1行の時の上下の余白も少し広くなります)

pタグとか関係なく文章全体の行間を広くするだけであれば、.post_contentのline-heightを調節してみて下さい。

デフォルトでは以下のような設定になっています.

.post_content{
line-height: 1.8;
}

また、ブロック間の余白については、

.post_content > *{
margin-bottom: 2em;
}

がデフォルトになっているので、こちらを調整してみてください!

※ ただ、カラムやテーブルなどはデフォルトでちょっと広め、インナーコンテンツはちょっと狭めとかになっていて一律の設定ではないので、とりあえず段落ブロックだけということでしたら、.post_content > p とかに対してマージンを指定していただくといいかなと…!

 
投稿済 : 08/08/2020 3:24 am
mai_77777
(@mai_77777)
Active Member
Topic starter
 

丁寧かつ分かりやすく回答頂き、ありがとうございます!
試してみます 😊 

 
投稿済 : 15/08/2020 5:14 am
tatsu0412
(@tatsu0412)
New Member
 

こちらの設定をやろうと思っているのですが
カスタマイズ>追加CSS 
記事編集画面>サイドバーのブロック>高度な設定>追加CSSクラス

それぞれに入力したのですが反映されません

数字を極端に変えないと効果が出ないのか

それとも入力箇所が間違えているのか

お忙しい中恐縮ですがよろしくお願いいたいします。

 
投稿済 : 21/06/2021 11:38 pm
しらこ
(@96ssbike)
Prominent Member
 

すみませんが、CSSは基本的にサポート対象外です!

ご自身で対処をお願いします。(通常はどちらか一方への記述で大丈夫なはずです)

にゃーん .

 
投稿済 : 22/06/2021 2:09 am
tatsu0412
(@tatsu0412)
New Member
 

@96ssbike

ご回答いただきありがとうございます。

アドバイスいただきありがとうございます。

やってみましたがうまくいかず…
試行錯誤してみたいとおもいます。

 
投稿済 : 22/06/2021 6:36 am
共有: