バーバーや美容室のホームページがつくれるWordPressテーマ「HOMME」

ワードプレステーマ別

TCDテーマBASARA:商品ページの商品画像と説明文の割合を調節する方法

Q.商品ページは画像2:説明文1くらいの比率ですが、可能でしたら画像1:説明文2くらいに変更したいです。

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

▼デモサイトにおける該当箇所
https://demo.tcd-theme.com/tcd100/product/saika/

A.はい。CSSの調整で対応可能です。

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

商品ページの画像と説明文の割合変更

▼参考CSS

.p-entry-product-main-right {
    flex: 1 1 auto !important;
}

.p-entry-product-images, .p-entry-product-media {
    flex: 0 0 40%;
}

上記では例として画像の割合を40%に指定しています。
画像と説明文の割合を半分づつにしたい場合などは、40%→50%に変更していください。

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

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

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

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