Adding even more padding to product-grid-items

Hi, i’m trying to add even more padding to my product-grid-items then what the theme options include, and while i’m most of the way there i suspect the CSS is pretty non-optimal.
Do you have any suggestions and/or better ideas?

.product-grid-item .hover-img img, .product-grid-item .product-image-link img  {
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}

Cheers in advance!

Hello,

Thank you very much for choosing our theme and for contacting us.

Now you have set 15px padding in the grid https://prnt.sc/p0sshs In the result the gap makes 30px. You can set the max padding – 30 px and the gap will be 60 px. Do you want more?

If 60px gap is enough, please set 30px in the Theme Settings > Shop > Product Grid.

If you want more, please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-spacing-30>article, .woodmart-spacing-30>div {
    padding-left: 40px;
    padding-right: 40px;
}

Set any padding you need.

Best Regards

Yeah, that’s much more elegant, thanks a bunch!:)

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts