Changing size of variant options on product page

[byneilvernon]

Hi, 

I'm having trouble reducing the size of my sizing variant options. This is what my website currently looks like, see how the sizing boxes are extremely big:

This is what I'd like it to look like:

My website url is: https://768950-4.myshopify.com/ 

Any help is greatly appreciated!

Shanelle

[Moeed]

Hey @byneilvernon 

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>
.product__align-left .radio__button label {
    padding: 0 !important;
    display: inline-flex !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[byneilvernon]

Thankyou so much Moeed! It helped reduce the size, but is there any way to reduce the spacing between each size box so that all the sizes can appear on one line? Instead of how it looks now where the size 'XL' is on the next line.