Hi community! Can anyone guide me on the best way to make my product page size variations left aligned, so they sit flush with all other content on the page? The reason I think it isn’t currently is that I have removed the boarder box surrounding them?
URL – https://pantee.co.uk/?_ab=0&_fd=0&_sc=1&preview_theme_id=144118972631
Current look (size variations sit slightly right compared to everything else) –
What I want to achieve –
Check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
fieldset.option-selector label.opt-label.opt-label--btn.btn.relative.text-center {
padding-left: 0 !important;
justify-content: flex-start;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @BSS-TekLabs – It’s pretty close with this code but still isn’t sitting aligned with all content to the left. Do you have anymore ideas on what else I can do? Thank you!
Hi @Made4uo-Ribe – Thank you for the help/advice but unfortunately this code didn’t work or show any changes to the product page.
Oh, please replace on this one then.
.detail.product-column-right label.opt-label.opt-label--btn.btn.relative.text-center {
padding-left: 0 !important;
justify-content: flex-start !important;
}
And Save.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!