Home › Forums › WoodMart support forum › How to make all images the same size

How to make all images the same size

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 13, 2023 at 2:16 pm #442515

    alkanzorba
    Participant

    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.
    February 13, 2023 at 2:17 pm #442517

    alkanzorba
    Participant

    I have attached more images here

    Attachments:
    You must be logged in to view attached files.
    February 13, 2023 at 2:34 pm #442522

    iamfahrig
    Participant

    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;
}
    February 13, 2023 at 4:17 pm #442556

    Luke Nielsen
    Keymaster

    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
Viewing 4 posts - 1 through 4 (of 4 total)