WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマの行間設定をする方法(テーマオプションカスタムCSS編)

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ブラウザのデベロッパーツール使用方法

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

0

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。