How can I modify the color of a variant picker?

Store Design
, ,
1

Andia_0-1688974966218.png
Andia_0-1688974966218.png475×361 7.85 KB

I would like to change the background colour of this to be white. if possible the brown colour as the selected colour.

But if thats too difficult ill settle for just a white background.

Anyone have any tips?? ive been trying for an hour!

2

Hello @Andia

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.product-form__input input[type=radio]+label {
    background: #fff !important;
}
.product-form__input input[type=radio]:checked+label {
    background: #997950 !important;
}
3

thank you!!

is there a way i can change these to be white as well?

Andia_0-1688978616990.png
Andia_0-1688978616990.png581×208 2.09 KB

4

Hi @Andia

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.product-form__input input[type=radio]:checked+label {
    background: #fff !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

5

only changing for my desktop version.