How can I modify the variant picker buttons and size text on my product page?

Store Design
, , , , , , , , , , , , , ,
1

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:

Screenshot_2.jpg

How I want them to be:

Screenshot_1.jpg

2

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

3

Thank you!

4

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.

5

@HELDERWRLD

add this css

.product-form__input legend.form__label {
    display: none;
}
6

Thank you so much
It worked!

7

Yes but it’s hard to provide a solution for these requirements here.
I suggest hiring a developer to do it.

8

Do you know how I can keep the color section in color instead of replacing it with text like ‘Black’?

9

@Yaz3 Can you please share a screenshot and a URL ?

10

No nvm, I fixed it.
Thank you !