How to make all images the same size

Hı, please look at the pictures attached. When we are inputting the images they are being resized to a smaller image and it’s affecting the quality. Also in the product section there are so many discrepancies , how can I make all of these the same size? Can I set a size limit?

Attachments:

You must be logged in to view attached files.

I have attached more images here

Attachments:

You must be logged in to view attached files.

You can use this code
CSS;

.product-grid-item .product-image-link img, .product-grid-item .hover-img img {
width: auto !important;
height: 300px;
object-fit: contain;
}

Hello,

In general, the issue is in the images themselves. Please read the below article that describes possible ways to solve it.

https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

I’d be happy to assist if you have any other questions or concerns.

Kind Regards

[Author]

Posts