How can I fix the image size issue on my product pages?

Store Design

Topic summary

A store owner encountered an image display problem where tall, narrow product images were appearing without a maximum height constraint, causing other images in the gallery to display too low on the page. This issue affected both desktop and mobile views.

Solution provided:

  • Navigate to Online Store > Theme > Edit code
  • Open the theme.liquid file
  • Paste specific CSS markup code before the tag

The GemPages Support Team provided step-by-step instructions with screenshots to implement the fix. The solution successfully resolved the image sizing issue, allowing all gallery images to display properly regardless of their dimensions.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I recently observed a problem with my product pages image gallery. I have many differently sized product images. And some are much higher than wide. These images appear to be displaying at a max width, but no max height.

This affects how other images in the gallery are displayed on the product page when these types of oblong images exist in the same image gallery/slideshow. These other images with proper dimensions are then displayed too low from the top of the page. This is occurring on both desktop and mobile.

How can this be fixed?

screencapture-collections-bar-and-wine-cabinets-products-colonial-hutch-2023-03-14-22_53_18.png
screencapture-collections-bar-and-wine-cabinets-products-colonial-hutch-2023-03-14-22_53_18.png1516×2403 250 KB

screencapture-collections-bar-and-wine-cabinets-products-colonial-hutch-2023-03-14-22_52_18.png
screencapture-collections-bar-and-wine-cabinets-products-colonial-hutch-2023-03-14-22_52_18.png1514×2500 310 KB

2

Hello @adamsubtractem ,

It’s the GemPages Support Team and we are glad to assist you today!

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

3

Hi there, GemPages! The url is www.tipplergoods.com

There is no password.

Thanks in advance!

4

Hi @adamsubtractem ,

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1678867904548.png
GemPages_0-1678867904548.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

1 Like
5

Hi @adamsubtractem ,

My solution can be helpful to you.

Let us know how it works for you.

Best regards,
GemPages Support Team

6

This worked. Thank you!

1 Like
7

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team