Product Images are Different Sizes - Dawn Theme

Store Design
1

I am having trouble with product images being different sizes on the Dawn theme. I have included a screen shot below where the first and second images do not line up. I have cropped all images for the products so that they have 1x1 aspect ratios. The other photos for the products appear to be the correct size and line up appropriately, but I can’t figure out how to modify the dimensions of the first two images to maintain uniformity.

Here is a preview link to my store:

https://wfm7byg3fzw5elxk-60145041655.shopifypreview.com

Thanks!

Different Image Sizes.png
Different Image Sizes.png7468×4734 4.04 MB

2

Hi @bikerboi ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
@media (min-width: 750px) {
    .product__media-list .product__media-item {
        width: 50% !important;
    }
    .product__media-list .product__media-item:nth-child(3) {
        width: 100% !important;
    }
}

I hope it would help you.

1 Like
3

Thanks @AvadaCommerce that worked beautifully!

1 Like