Q.改行した時の行間が広すぎるので修正したいのですが
「p { margin:0 0 1.5em 0; padding:0; line-height:240%; }」を150%など小さくしてもまったく変化がありません。
ほかのテンプレートではここを修正すれば行間が変わったのですが、このテンプレートは変えられません。どのようにすれば行間を狭くできるのですか？
A.カスタムCSSに行間の設定をします
記事の行間につきまして、pタグの設定をすることで行間を変更できます。
[テーマオプション]→[基本設定]タブ下部のカスタムCSS内に以下を追記ください。
p { line-height:●● !important; }
●●の部分は単位なしの数字が好ましいとされています。
単位をつけずに数値のみを指定すると、その数値にフォントのサイズを掛けた値が行の高さとなります。
[1.5]と指定すればフォントサイズの1.5倍という事になります。
また、上記の記述ではサイト内のすべてのpタグに適用されます。
適用させたくない箇所がある場合や、特定の箇所のpタグのみに適用させたい場合は、指定箇所を限定するように記述を変更してください。
例）テーマ「HEAL」の記事本文箇所のpタグのみに適用させる
.post_content p { line-height:●● !important; }
CSSのクラス名などを確認する場合は、ブラウザのデベロッパーツールをご活用ください。下記の記事で詳しく紹介しています。
Google Chromeブラウザのデベロッパーツール使用方法
この記事は役に立ちましたか？
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！