ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマCURE:トップページの「診療案内一覧」の抜粋文の横幅を広げる方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.診療案内一覧の抜粋文の左右paddingを減らして、横幅を広げるにはどうしたらいいですか?

▼変更箇所イメージ
変更箇所イメージ

A.カスタムCSSで対応できます。

管理画面のTCDテーマ > 基本設定 > カスタムCSSエリアに以下のCSSを記載してください。

抜粋文の表示幅調整

▼参考CSS

index_service_list .service_list .item .desc {
    padding: 0 〇〇px;
}

上記の〇〇部分に設定したい左右paddingの数値を記載ください。
なお、デフォルトでは29pxとなっていますので、29以下の数字を記載ください。

▼修正後変更箇所イメージ
変更箇所イメージ

上記の対応では左右のpaddingを10pxに修正しています。
行数を増やしたい訳ではないけど、表示する抜粋文の量をもう少しだけ増やしたいという方はお試しください。

また抜粋文の行数を変更したいという方は、以下の記事を参考にしてください。

この記事は役に立ちましたか?

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

同じテーマのカスタマイズ記事