[Resolved] Woocommerce product gallery is directly under product image

[Jamie]

Hi!

I’m in the process of creating my shop and have uploaded and added both a product image and product gallery images. However, the product gallery images appear directly underneath the product image without a small gap which makes it look untidy. Is there a way to have a small gap between the bottom of the main product image and the top of the product gallery?

Thanks!

[Leo]

Hi there,

I attempted some CSS but couldn’t figure out one that works.

It’s all from WooCommerce though might be best to check with their support.

Hope this helps!

[Jamie]

ok, thanks for trying. I’ll see if I can get an answer from woocommerce.

[Leo]

Actually give this a shot:

.woocommerce div.product div.images .flex-control-thumbs {
    padding-top: 10px;
}

[Jamie]

You legend! Works perfectly!

Thanks for the help!

[Leo]

No problem 🙂

[Author]

Posts