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

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

▼変更箇所イメージ

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

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

▼参考CSS

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

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

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

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

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

2024.06.21

Q.診療案内一覧の抜粋文を4行目まで表示させることはできますか？ ▼変更箇所イメージ A.カスタムCSSで対応できます。管理画面のTCDテーマ > 基本設定 > カスタムCSSエリアに以下のCSSを記載してください。抜粋文の表示行数調整 ▼参考CSS [css] ....

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