Images are not showing in full ratio

Store Design
,
1

Hi Members, Actually I am facing an issue that featued collection image are not showing in full ration. Even i tried to add new fetured collection but still facing same issue.

Screenshot 2025-11-07 003206
Screenshot 2025-11-07 0032061872Ă—601 66.2 KB

1 Like
2

Assuming you understand that there are many different themes available for your Shopify store, and each theme has different features, a different look and different settings to adjust the look. Rounding image corners, for example, can be included in your theme, or be custom coded by the merchant. Likewise, setting different image ratios can be a theme feature, or have to be custom coded by the merchant. The choice is yours, but it sounds like if your theme doesn’t provide an option to change the image ratio, you could probably do much better using a different theme. Especially if you are having to constantly edit the theme code to make adjustments.

3

Can you provide any code that will help this.

4

Hi @Humvn
Could you share the link to your page?

5

It not actually an issue, that is just how the theme appearance is, it might be adjustable in the customization page you should check out some other themes that align with what you want, let me know if you need further assistance.

6

Hi, @Humvn
Can you please share the store URL so I can better support you?

7

Hello, @Humvn

Kindly provide your store URL please and if it is password protected, please share the password as well.

Thank You!

8

Without having the name of the theme, or the website url, it’s impossible to help you.

9

Hi @Humvn
This issue usually happens because of how the theme’s CSS or collection grid settings handle image aspect ratios. Here’s how you can fix it:

Option 1: Use “Adapt to image” ratio (no coding)

  1. Go to your Shopify Admin → Online Store → Themes → Customize.

  2. In the editor, click on the section where your Featured Collection is.

  3. Look for an option like:

    • Image ratio or Crop image

    • Set it to “Adapt to image” or “Original aspect ratio”.

  4. Save and check your storefront.

This works on themes like Dawn, Craft, Sense, etc.

Option 2: Edit theme CSS (if no “adapt” option)

If your theme doesn’t provide that setting:

  1. Go to Online Store → Themes → Edit code.

  2. Open:
    Assets/base.css or Assets/theme.css (depends on your theme name).

  3. Add this CSS at the very bottom:

    .card__media, .media {
  aspect-ratio: auto !important;
}

.card__media img, .media img {
  object-fit: contain !important;
}

  4. Save changes → refresh the page.

This ensures images keep their full ratio instead of being cropped to a square or rectangle.

10

I have closed my store but this is showing on my shopify bill, I don’t have funds.
I was checking the store out and I do not wish to pay for anything, please help me out with this.

IMG_6865.jpg1320Ă—2868 263 KB