Help with Setting Minimum Image Height on Cart Page

Hello,

how can I also apply a minimum height to the images under the cart on this page:
https://ivoltbg.info/cart/?
Can you please assist me?

We previously used the following CSS for a similar case elsewhere:

.product-grid-item .product-image-link {
    min-height: 300px; /* Adjust as needed */
    display: flex;
    align-items: center;
    justify-content: center;
}

I am attaching a photo to show you in addition.

Best regards,
Nikola

Attachments:

You must be logged in to view attached files.

Sharing account details here.

Hello,

I’ve checked your site, and the images are currently displaying like this: https://postimg.cc/PpGrr2nF

Please try commenting out the custom CSS under Theme Settings > Custom CSS. This should allow the image container to maintain the specified height.

Best Regards,

Hi, I did it, but it still doesn’t work.

Could you make it so that all product images on this site have a fixed size, and no matter what size image I upload, it stays within that frame?

Best regards,
Nikola

Hello,

As I told you in the previous topic, the product image you’re using is quite short in height (Dimensions: 549×214 pixels), which doesn’t provide enough vertical space to appear correctly.

To resolve this, I recommend using product images with a more standard aspect ratio, ideally closer to square (800×800px).

Please follow the image guidelines in the manual below and make sure all product images are uploaded in consistent dimensions:https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

Best Regards,

Hi, thanks for the information.

Could you please tell me if I understood correctly from what I read — that if I automatically process, for example, larger images like 1000×1000, I can create thumbnails fixed size that crop them to a maximum width? And why only width? What happens with the height?

Best regards,
Nikola

Hello,

You can configure both width and height cropping if needed. The reason “width only” is often emphasized is to ensure that all product cards in the grid align neatly in rows. If height varies too much, it may break the layout visually.

If you want a fixed width and height crop, go to:

Appearance > Customize> and set both the width and height with cropping enabled.

Best Regards,

Hi,

thank you. You can close the topic.

Best regards,
Nikola

Hello,

You’re very welcome! If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts