Archived topic

woocommerce layout

3 replies · Started by David on July 6, 2020

Viewing posts 1–4 of 4

July 6, 2020 at 8:52 am #1354135

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

July 6, 2020 at 3:16 pm #1354487

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%;
}

July 7, 2020 at 1:11 am #1354814

Perfect - thanks Tom

July 7, 2020 at 8:59 am #1355502

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.