Shopify themes, liquid, logos, and UX
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.
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?
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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025