All things Shopify and commerce
Hi, I have recently added a 'Size' pop up to the product page and I am struggling to remove the padding at the top and bottom of the button. We have a wide array of products with different sizing guides for each, I am looking for a solution which can be used across different product templates. I have set up a staging site and tested a few solutions on the forum but can't get anything to work. I would greatly appreciate any help in resolving this!
The theme is dawn, I have included a link to the sample product page below. Many thanks in advance for all your help with this!
Solved! Go to the solution
This is an accepted solution.
Hey @EFJ9678
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
modal-opener.product-popup-modal__opener.quick-add-hidden {
margin-top: -10px !important;
margin-bottom: -10px !important;
}
</style>
RESULT
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @EFJ9678
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
modal-opener.product-popup-modal__opener.quick-add-hidden {
margin-top: -10px !important;
margin-bottom: -10px !important;
}
</style>
RESULT
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Moeed, you are amazing! Thank you so much for your fast response! 😁
Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
Learn 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, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025