How can I change the shape of my variant picker to a rectangle?

Store Design
1

Is there a way to change the variant picker shape from rounded rectangle to rectangle? is there a code i could use to change it?

2

Hi @khoueiryella

Would you mind sharing your store’s URL so we can provide a solution for you? Thanks!

3

hello yes. this is my website: https://springsjewellery.com/

4

hello yes. this is my website: springsjewellery.com

5

Please add the following code at the end of your base.css file:

.product-form__input input[type=radio]+label {
    border-radius: 0px;
}

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

6

it didn’t change. is there something i’m doing wrong?

khoueiryella_0-1644781545318.png
khoueiryella_0-1644781545318.png1920×1080 241 KB

khoueiryella_1-1644781554455.png
khoueiryella_1-1644781554455.png1920×1080 211 KB

7

Try this code instead:

.product-form__input input[type=radio]+label {
    border-radius: 0px;
}

Let me know!

8

isn’t it the same code? I tried it regardless and still no changes

9

My bad, this is the updated one:

.product-form__input input[type=radio]+label {
    border-radius: 0px!important;
}

Forgot the !important here :slightly_smiling_face:

10

thank you! it worked!