Shopify themes, liquid, logos, and UX
Hello, guys! I'd like to change the shape of the variant picker buttons like the one on the second picture and also make the 'SIZE' text bigger & bold.
Website: https://fddd3f.myshopify.com/
Mine:
How I want them to be:
Solved! Go to the solution
This is an accepted solution.
Hello @kitchencrafted ,
Follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your base.css file and paste the following code below:
legend.form__label {
font-weight: 600;
}
.product-form__input input[type=radio]+label {
border-radius: 0 !important;
}
Thanks
This is an accepted solution.
Hello @kitchencrafted ,
Follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your base.css file and paste the following code below:
legend.form__label {
font-weight: 600;
}
.product-form__input input[type=radio]+label {
border-radius: 0 !important;
}
Thanks
Thank you!
Hello Developer,
I also did and it worked. Also, how can i remove the "Select Size" text?
https://diversusoficialsite.myshopify.com/products/signature-t-shirt?variant=47628807733576
Thank you in advance.
add this css
.product-form__input legend.form__label {
display: none;
}
Thank you so much
It worked!
Yes but it's hard to provide a solution for these requirements here.
I suggest hiring a developer to do it.
Do you know how I can keep the color section in color instead of replacing it with text like 'Black'?
@Yaz3 Can you please share a screenshot and a URL ?
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025