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
.
