How to change the color of the variant button?

[Jim3]

[Mustafa_Ali]

hey @Jim3share the URLs of your website plz

[B2Bridge]

Hi @Jim3 
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[Moeed]

Hey @Jim3 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
label[for="template--23594549477704__main-3-0"] {
    background: red !important;
    border: solid 1px red !important;
}
</style>

RESULT:

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Jim3]

Hi, @Moeed 

It didnt work this time. 

[Mustafa_Ali · Accepted solution]

just removed the one style tag and then saved it 

[Jim3]

It worked! Thank you 🙂

@Mustafa_Ali  In future I will make this kind of thing for next products, but I see that when I list them they are not showing with this changes. It seems that for every product I should add a different code to change the variant button color. I noticed that in the code there is a template number, if I use the same code and just change the template number with this on the new product, am I going to create this new changes for the new porduct? Thank you 🙂