Add padding to add to cart button debut theme

Add padding to add to cart button debut theme

web-designer1
Excursionist
35 0 12

I have added an add to cart button however can I please have assistance with padding. I would like the add to cart button so sit closer to the price & have more padding below on the shop all page. 

 

 

Screen Shot 2022-02-07 at 11.33.12 am.png

Replies 4 (4)

dmwwebartisan
Shopify Partner
12366 2558 3743

@web-designer1 

Please add the following css code to your assets/theme.css bottom of the file.

@media only screen and (max-width: 749px){
#shopify-section-collection .grid-view-item { margin: 0 auto 0px !important;}
#shopify-section-collection form {margin: 0;margin-bottom: 35px !important;}
.template-collection .grid-view-item { margin: 0 auto 0px !important;}
#Collection form {margin: 0; margin-bottom: 35px !important;}
}

@media only screen and (min-width: 750px){
#shopify-section-collection .grid-view-item { margin: 0 auto 0px !important;}
#shopify-section-collection form {margin: 0;margin-bottom: 15px !important;}
.template-collection .grid-view-item { margin: 0 auto 0px !important;}
#Collection form {margin: 0; margin-bottom: 15px !important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
web-designer1
Excursionist
35 0 12

This did work for what I asked for but then I realised it still looked super tight on the shop all page. Is there a way to add some padding to just this section in the shop all section? 

Screen Shot 2022-02-07 at 1.24.53 pm.png

dmwwebartisan
Shopify Partner
12366 2558 3743

@web-designer1 

Please add the following CSS code to your assets/theme.css bottom of the file.

.template-collection .site-footer { margin-top: 100px !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
web-designer1
Excursionist
35 0 12

THANKYOU! Perfect