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.
1 Like
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!
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?
1 Like
Please add the following CSS code to your assets/theme.css bottom of the file.
.template-collection .site-footer { margin-top: 100px !important;}
Thanks!
THANKYOU! Perfect