Image size on Horizon theme looking weird

Topic summary

Main issue: Images in the Horizon theme appear cropped in the home page Collection Carousel and scale inconsistently on product pages (horizontal vs. vertical images).

What was suggested:

  • Carousel: Set image handling to “Adapt to image” or enforce a single aspect ratio so the theme stops auto-cropping. OP reports Horizon shows only “Auto,” and that doesn’t help.
  • Product pages: Choose one Product media aspect ratio in the theme editor so all images (portrait/landscape) display consistently. A screenshot was shared to illustrate where to change this.
  • CSS workaround: Force a fixed height via CSS, but this may distort images. Better to upload uniformly sized images.

OP feedback and constraints:

  • Claims all carousel images are the same size but still get cropped.
  • “Adapt to image” option not visible in Horizon; needs clarification if the theme supports it.
  • Couldn’t post the store URL publicly; invited to share via private message. Contributors requested the specific page link.

Current status:

  • Unresolved. Requires access to the store/page to verify Horizon’s available carousel settings and whether a theme setting, custom CSS, or standardized image ratios are needed.
Summarized with AI on December 11. AI used: gpt-5.

Hello

How do I solve this? All my images are cropped and look weird. This is under the Collection Carousel on my main page.

Also, in my product page, I have one product with a horizontal image, and another with a vertical image. Now one image looks fine, but another looks small (the horizontal one). How do I solve this?

2 Likes

Set the Collection Carousel to “Adapt to image” (or match all images to one aspect ratio) so Horizon stops auto, cropping.
On product pages, choose one Product media aspect ratio in the theme editor so horizontal/vertical shots scale consistently.

For Collection Carousel, I set to Auto and it looks the same. I do not have “adapt to image” option.

I dont’ understand “On product pages, choose one Product media aspect ratio in the theme editor so horizontal/vertical shots scale consistently.”

You can force height for all images using css, but images originally have different heights and widths , it will look distorted.

I recommend to create same dimensional images and upload them

The images on the carousel are all of the same size. But they are cropped in the Carousel

Hey @chocs2

Share your Store URL and Password if enabled so I can help you out.

Best,
Moeed

Can;t seem to paste the url here

Feel free to drop it in my private messages too.

@chocs2 can you please share this page link where you have carousel?

You can solve it by changing Aspect ratio of Product image in theme editor