How to increase distance between rows on Shop Page

Hi, I wish to increase distance between 2 rows (Product’s listing) on Shop Page. Can you please help me?

Thanks

Hello,

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.woodmart-spacing-20>[class*=col] {
	margin-bottom: 30px;
}

Best Regards.

Hi,

I have tried the above as you proposed and also tried in Global Custom CSS but no luck.

Tried also by adding more px instead of 30px but no change.

Best Regards

Hello,

Please provide some relevant screenshots with the URL of the page to check it myself and help you out accordingly.

Best Regards.

How can I decrease the distance between the gif row and the green row? Why is it so big?

Hello,

@tcsg.toth: We have checked your Site in this regard, it seems that the GIF that you are using here has a larger size which is why this gap is appearing: https://snipboard.io/ARkgGU.jpg

So, you need to upload the resized GIF in this regard and this gap will get covered.

Best Regards

[Author]

Posts