Why do my resized images still appear different sizes on my webpage?

Store Design
1

I use supply them and some images are smaller than others on the page. I’ve resized them as much as it lets me but they are still the same size on the page.

https://fullerfabrics.com/search?type=product&q=coastal

Here is a page showing what I mean. Why aren’t they all showing the same size on the page when they have all been resized. It really looks bad with all different size images.

Thanks

2

Hi,

Your images have different heights and width. The theme is trying to display the image without cutting it. A good thing to do is resize the image the same as others but if this is not possible, then you can paste this code below at theme.css file under asset folder in your code editor.

.lazyload__image-wrapper {
max-width: 100% !important;
aspect-ratio: 1;
overflow: hidden;
}

3

That didn’t help but thanks anyway