Shopify product sizing issue

daphnemann
Tourist
7 0 1

My website is showing that the product sizes are off, but when I correct the sizes this issue continues. Each image is 400 x 533 px. How can I fix what's going on here? I am using flex theme. You can see that this problem affects several products: https://aillea.com/collections/blush

Screen Shot 2021-05-10 at 5.15.44 PM.png

0 Likes
Pallavi
Shopify Expert
1653 244 285

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >styles.scss.css and paste this at the bottom of the file:

.collection-matrix .one-third .product-wrap .product-image__wrapper .image__container .image-element__wrap img {
height: 506px;
object-fit: contain;
}

Screenshot :- https://prnt.sc/12sg42r

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
daphnemann
Tourist
7 0 1
When I go to find asset> styles.scss.css

I don't have that styles.scss.css code only: styles.scss.liquid

Can I still add this:

.collection-matrix .one-third .product-wrap .product-image__wrapper
.image__container .image-element__wrap img { height: 506px; object-fit:
contain; }
0 Likes