Hey community! Can anyone advise me on the best way to reduce the padding/spacing between my size options on my product page? I removed the box border around them for a more minimal look but now the size options look too far apart.
URL (symmetry theme) – https://pantee.co.uk/?_ab=0&_fd=0&_sc=1&preview_theme_id=144118972631
Current look (gaps between sizing variants are too big) –
Hello @emilyaugstudios
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
.product-form label.opt-label.opt-label--btn.btn.relative.text-center {
margin: unset !important;
padding: 11px !important;
}
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
