Increase a space bottom of product grid

How any css trick to increase the bottom space? i apply for desktop version using this css but not take effect in mobile and tablets.

.products-bordered-grid.woodmart-spacing-20 .product {
padding-top: 10px;
padding-bottom: 30px;
}

thanks

Hello,

Please provide the page URL and scree what padding you want to add.

Best Regards

https://monosnap.com/direct/zt6GARcvT7kvFrJgoSOguSCrnjjtg5
https://redzeppelin.dblii.com/shop/
the space under button between button and grid. for mobiles and tablets

Thanks

Hello,

Your screen is cut and not clear. As I understand you want to add the padding to mobile only:

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

body .products-bordered-grid.woodmart-spacing-20 .product, 
body .products-bordered-grid.woodmart-spacing-30 .product {
    padding-bottom: 25px;
}

Set the value as per your needs.

Best Regards

mobile and tablets as i wrote you. But this css not add padding in mobile and tables to

i try also

body .products-bordered-grid.woodmart-spacing-30 .product {
    padding-bottom: 25px !important;
}

but if you test from your phone not apply

the problem is that the button is very close to border

Hello,

Please provide the site admin access to the private area I will check the CSS you have added.

Best Regards

I provide in private content

Your custom code is placed inside @media (min-width: 1400px) rule (https://prnt.sc/s16gl3). That means that all code inside this @media will be applied only on screens 1400px width and higher. Try to fix your custom code first.

Regards

ohhh sorry you are right, sorry and thanks a lot

You are welcome.

[Author]

Posts