A Shopify store owner using the Dawn theme needed help removing unwanted padding from a size popup button on product pages. The issue affected multiple products with different sizing guides across various templates.
Problem Details:
Excessive padding appeared at the top and bottom of the size popup button
Previous forum solutions had been tested without success
A staging site link and screenshot were provided showing the padding issue
Solution Provided:
Custom CSS code was shared to be added to the theme.liquid file, placed above the closing </body> tag. The code specifically targeted the popup button padding.
Outcome:
The solution successfully resolved the padding issue. The problem was marked as solved, with the original poster confirming the fix worked across their product pages.
Summarized with AI on November 1.
AI used: claude-sonnet-4-5-20250929.
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!
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.
