Hi Guys,
I would like to lower the top and bottom space from the text SIZE CHART. I would appreciate your help.
Topic summary
A Shopify store owner seeks to reduce the top and bottom spacing around the “SIZE CHART” text on their product pages.
Proposed Solutions:
Multiple developers offered CSS-based fixes:
- Adding custom CSS to the
base.cssfile targeting product info containers and modal elements - Modifying margin properties for form inputs and modal wrappers
- One suggestion recommended placing code in
theme.liquidbefore the</body>tag
Current Status:
The issue remains unresolved. The original poster tested at least one proposed solution but reported it didn’t work. Several responses contain garbled/corrupted text, making some CSS snippets difficult to read or implement. No confirmation of a successful fix has been provided yet.
2 Likes
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset → base.css and paste this at the bottom of the file:
.product__info-container>*+* {
margin: auto;
}
.product-form__input {
margin: auto 0;
}
1 Like
@basicbastardco add below css into base.css file
.modal-wrapper.modal-center.has-shadow {
width: 50% !important;
}
1 Like
Thanks for trying to help. I tried but it doesn’t work.
1 Like
Thanks for trying to help. I tried but it doesn’t work.
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset → base.css and paste this at the Top of the file:
.product-popup-modal__opener.no-js-hidden.quick-add-hidden {
margin: 0;
}
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset → base.css and paste this at the Top of the file:
.product-popup-modal__opener.no-js-hidden.quick-add-hidden {
margin: 0;
}
Hi @basicbastardco ,
This is Henry at PageFly - Shopify Advanced Page Builder app.
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag
Hope this answer helps.
Best regards,
Henry | PageFly
1 Like