Shop product spacing

Hi,
Is there a way to make the products in the shop closer together or different spacing between?

Thanks

Hi,

It can be done with a custom CSS code only. Could you please send us a link to your shop page so we can prepare a code for you?

Regards

Hi thank you,

http://www.magicalrugs.co.nz/shop

Try to add the following code snippet to the Custom CSS area in Theme Settings to do this

.wrapper-full-width-content.post-type-archive-product .product-grid-item {
	padding-left: 5px;
  	padding-right: 5px;
}

.wrapper-full-width-content.post-type-archive-product .products.row {
	margin-left: -5px;
  	margin-right: -5px;
}

Regards

That changes the vertical spacing but not the horizontal spacing…

Thanks

Add this one also

.wrapper-full-width-content.post-type-archive-product .product-grid-item {
	margin-bottom:5px
}

Thank you that’s great 🙂

You are welcome!

[Author]

Posts