Dawn theme - pop up modal margin

[amandaZ2020]

Hi

I am trying to reduce the margin around the ‘size chart’ pop up modal, but cannot find where to change it in the code.

Can someone please assist?

Thank you

Amanda

[Dan-From-Ryviu]

Hi @amandaZ2020

Could you share your product page URL so we can check and give you the solution?

[amandaZ2020]

Thanks @Dan-From-Ryviu

Link here: https://699c2d-3.myshopify.com/products/krix-polo-shirt-unisex

Cheers

Amanda

[Dan-From-Ryviu]

Your store is password-protected.

[amandaZ2020]

So sorry..

Password is: ontaub

[Kyle_liu]

As shown in the figure, you can modify the content in “Custom CSS” to adjust the spacing to what you think is appropriate

.js .product-form__input .product-form__input–pill label {
margin: 0.7rem 0.5rem 0.2rem 0;
}

[Dan-From-Ryviu]

Go to Online Store > Themes > Edit code > open theme.liquid file, add this code after

[amandaZ2020]

Thank you @Kyle_liu , but that didn’t work.

[amandaZ2020]

Amazing @Dan-From-Ryviu - That worked perfectly! Thank you

[Kyle_liu]

There are still changes that need to be made, and some minor adjustments are needed

.js .product-form__input .product-form__input–pill label {
margin: 0.7rem 0.1rem 0.2rem 0;
}