Increase gap between items in product grid

Hi,

I would like to increase the gap between items in the product grid to be more than 30, how can i do it? Could please give me an additional code ? (for desktop and tablet version)

I found this code in another post but it doesn’t work for my website :
.products-spacing-30 {
margin-left: -30px;
margin-right: -30px;
}
.products-spacing-30 .product {
padding-left: 40px;
padding-right: 40px;
}

Thank you!

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .products {
    margin-left: -40px;
    margin-right: -40px;
}
body .products .product {
    padding-left: 40px;
    padding-right: 40px;
}

Best Regards

[Author]

Posts