Excessive top/bottom padding on the product information pop-up (size chart) in the Dawn theme. OP confirmed it wasn’t caused by the quantity selector or Add to Cart button. An image was provided to illustrate the large spacing.
Early replies requested the store URL/password to inspect. Another participant shared a site search link for related solutions.
Resolution: OP found a working fix via a linked community thread. Applying a small CSS override reduced the modal’s spacing:
Outcome: The padding issue is resolved by the CSS snippet above.
Open question: OP asked whether it’s better to place this CSS in the theme’s stylesheet or in the Theme Editor’s custom CSS field. No answer provided yet.
Status: Resolved for the main issue; secondary implementation-location question remains unanswered.
Hey! Thanks for that. I didn’t find this one when I searched prior to posting, but your link led me to it and it worked: Remove padding from Pop-Up Block Size chart
Side note: Is it better to put this in the css file, or in custom css in the theme editor? Just curious.
For those looking for this, the code from the original is:
.product-popup-modal__button {
min-height: 0rem !important;
}
.product__info-container > * + * {
margin: 5px !important;
}