ICONIC(TCD062) TCD062
Q.商品ページで、大きく表示される商品画像のサイズを変更したい
A.下記、変更方法です。
TCDテーマ>基本設定のカスタムCSSに入力下さい。
@media only screen and (min-width: 1199px) { .p-entry-item__mainimage img { width: unset; } }
補足)
上記の記述で、PCでは設定した商品画像がそのままのサイズで表示されるようになります。
ただし、タブレット・スマホでは横幅の大きい画像がデバイス幅を超えて見切れてしまうことも考えられますので、横幅100%・縦幅は商品画像に合わせて伸縮される表示のままとしております。
なお、画像サイズによってはサムネイル画像等にもCSSで調整を加える必要があるかもしれません。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!
0