Home › Forums › WoodMart support forum › Center image in category grid

Center image in category grid

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 11, 2023 at 11:03 pm #459008

    prsocial
    Participant

    I have tried a lot of CSS but I can’t fix it. I’d like to vertically and horizontally center images on the category grid. We use square images but also rectangular images. That’s why on some pages it’s not centered. See the website link I have send you. I’m sure it should be able to be done with CSS but I’m not getting it.

    Attachments:
    You must be logged in to view attached files.
    April 12, 2023 at 1:14 pm #459157

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry to say but it was an issue with the difference of width and height of the Product Images. So, please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

    .product-grid-item .product-image-link img, .product-grid-item .hover-img img {
    object-fit: contain !important;
    height: 20em !important;
}

    Hope this helps !

    Best Regards

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)