Zero gap between product/gallery images

[ad_1]

Hello there @dave8441,

Thank you for getting in touch and for using WooCommerce!

Hmmm… I had a look at the link you shared and noticed the issue you are describing.

WooCommerce compliant themes (like Storefront, Twenty Twenty etc.) do display some space between those images by default. I use Storefront in mine and here is how the images in the product page look:

Therefore, I feel like you are probably using a third party theme. Is that correct? If so, please get in touch with your theme authors so that they can provide insights on the issue.

If my assumption is not correct and you are already using a theme developed by the WooCommerce/Wordpress team, please let us know which theme is that so that we can test it on our side.

Hope the above info helps!

Thank you for being part of the community 🙂

Hi @katerinaz,
Thanks for your quick reply. Yes I do have a third-party theme, so I will reach out to them for help on this.

Hi @dave8441!

You could try this CSS. Add it to WordPress Dashboard > Appearance > Customize > Additional CSS.

.woocommerce-product-gallery .woocommerce-product-gallery__image {
  margin-bottom: 10px;
  padding: 2px;
}

Results:

Link to image:

This is a temporary solution so you may want to follow the suggestion from katerinaz and reach out to the theme author for a more appropriate solution.

I’m going to close this thread now but feel free to open a new topic if you have any further questions.

All the best.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer