テーマ「Impact 6.5.0」を使用しています。
Featured collectionで商品カードのサイズをスライドで表示した際に小さくしたいのですが、どのようにすればいいか教えていただきたいです。
1 Like
質問拝見しました。
こちらに関して以下のcssで商品カードの大きさを調整できるかと思います。
product-list.product-list {
--product-list-carousel-item-width: 74vw;
}
上記のcssがデフォルトのサイズなので、これより数字を小さくすれば、小さくなります。
サイズ確認しながら調整していただければと思います。
ご参考にしていただけますと幸いです。
なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。
株式会社フルバランス
1 Like
ご回答いただきありがとうございます！
簡単に調節することができました！
ずっと頭を悩ませていたので本当に助かりました！
ただ、今度は商品カード左右の余白が気になり、調整する方法を教えていただきたいです。。。
1 Like
ご確認ありがとうございます！
無事調整できてよかったです！
余白に関しては下記cssで調整可能です！
.product-list {
gap: var(--product-list-gap);
}
デフォルトでは上記のcssがデフォルトでかかっているので、0.5rem前後で調整していただければと思います！
1 Like
大変分かりやすく、かつ丁寧に教えていただきありがとうございました！
無事解決することができました！！
1 Like
解決したようで良かったです！
また何かあればご質問いただければと思います。