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

[kitchencrafted]

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:

[Guleria · 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

[kitchencrafted]

Thank  you!

[HELDERWRLD]

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.

[Guleria]

@HELDERWRLD 

add this css

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

[HELDERWRLD]

Thank you so much 
It worked!

[Guleria]

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

[Yaz3]

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

[Guleria]

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

[Yaz3]

No nvm, I fixed it.
Thank you !