Viewing 1 post (of 1 total)
  • Author
    Posts
  • #1496391

    Hello Support!

    I would appreciate some help with a display issue with woo commerce product page on my site. I’ve made all the woo formats but it looks like Enfold may be overriding them. The problem is that the first product image in the grid displays correctly, but the images in the next two containers are cut off. It looks like the containers are not all the same size, but the images are the same height and width.

    I also tried a couple of code fixes in CSS but that didn’t fix it either. This is the latest:
    /* Force consistent image heights */
    .woocommerce ul.products li.product a img {
    height: 250px; /* Adjust height as needed */
    object-fit: cover; /* Ensures image covers area without stretching */
    }

    /* Force equal product container heights */
    .woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    }

    Thank you for looking into this for me!

    Valerie

Viewing 1 post (of 1 total)
  • You must be logged in to reply to this topic.