Variant size

[Cameronrikko]

would like to make the variant boxes smaller.. can you help with this?

[Rahul_dhiman]

Hello @Cameronrikko 
Go to online store ----> themes ----> actions ----> edit code ---->Theme.css
add this code at the end of the file and save.

label.block-swatch {
height: 30px !important;
width: 15% !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Cameronrikko]

is it possible to make the text inside smaller and the add to cart thinner/quanity box smaller too.

thanks

[Rahul_dhiman]

Go to online store ----> themes ----> actions ----> edit code ---->Theme.css
add this code at the end of the file and save.

@media screen and (min-width: 700px) {
label.block-swatch {
height: 35px !important;
width: 14% !important;
font-size: 15px !important;
}
button.button.button--xl.button--secondary {
height: 56px;
}
.button--xl {
padding-block-start: 0.75rem;
}

quantity-selector.quantity-selector {
height: 40px !important;
width: 9rem !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks