Size selector without border and small font size

Store Design
, , , , , , ,
1

I need to make size selector like this

Screenshot 2024-10-25 165608.png
Screenshot 2024-10-25 165608.png826×333 24.6 KB

2

Hi @Sivadarshan , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

3

Hello @Sivadarshan
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.product-form__input--pill input[type=radio]:checked+label {
background-color: none !important;
color: black !important;
}

result

36.png
36.png507×437 12.2 KB

If this was helpful, hit the like button and accept the solution.
Thanks

4

Not working

5

ADD THE SAME CODE HERE:-
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->component-product-variant-picker.css
add this code at the end of the file.

6

Screenshot 2024-10-25 172419.png
Screenshot 2024-10-25 172419.png655×361 10.3 KB

7

YOU HAVE NOT ADDEDTHE CODE CORRECTLY.

37.png
37.png1920×1080 386 KB

8

Can you please navigate me, as i am newbie

9

Add only this code in your component-product-variant-picker.css file and SAVE.

.product-form__input--pill input[type=radio]:checked+label {
background-color: none !important;
color: black !important;
}

thanks

10

Can you please help me with my website about golden corral menu, as i am newbie