[Resolved] woocommerce layout

[David]

Hi

Any ideas how I can get these images to fill the grid space so they are all the same height…

https://www.thebeehivelifestyle.com/shop/

I tried

.woocommerce ul.products li.product a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

But no luck, please help!

Thanks
Dave

[Tom]

Hi there

Give this a shot:

.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    margin-bottom: 0;
}

.inside-wc-product-image,
.wc-product-image {
    height: 100%;
}

[David]

Perfect – thanks Tom

[Tom]

You’re welcome 🙂

[Author]

Posts