「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマBLOC:商品ページのアイキャッチ画像を小さく表示する・非表示にする方法

Q.商品詳細ページでアイキャッチ画像を小さく表示させる方法を教えて下さい。

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

A.下記の方法でご対応ください。

外観>TCDテーマオプション>基本設定のカスタムCSSに入力ください。

・横幅を小さく、かつ中央に表示する
#template1_main_image { width: ★px; margin: 0 auto; }

★を任意の横幅の数値に変更ください。

・アイキャッチ画像を非表示にする
#template1_main_image { display: none; }

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

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

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