How do I change the specific text color of the quantity selector and variant selector?

Hey!

As you can see in the pictures annexed, my text color is white. But if I change it, every text on my whole website also changes. How do I change the text color from white to black?

I imagine I will have to edit the code.

Thanks in advance.

Félix

@Felix_Gh

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

Hi!

https://perplexed.be/

Hi!

the website URL is: https://perplexed.be/

Thanks!

1 Like

@Felix_Gh

Please add the following code at the bottom of your assets/theme.scss.liquid file.

input, textarea, select{ color: #000 !important; }
 ::placeholder { color: #000 !important; }

Hope this works.

Thanks!

1 Like

Hi!

As you can see I changed the code with your input.

But as you can see on my website: nothing is working anymore and the whole theme is broken.

What should I do?

Thank you

Félix

It’s okey I managed to fix the problem. Thank you! I accidently deleted a bracket.

Now I see we have edited the color of the number:

How do I change the prefix in black?

Thank you very much.

1 Like

@Felix_Gh

Please add this code.

label {color: #000 !important;}
input[type='number'].product-form__quantity-input {color: #000;}
.single-option-selector, .product-form__quantity-input {color: #000;}
1 Like

Thank you for the quick response and the help!

1 Like

Hello, im having trouble changing my variant picker color on my donations page. Is there a code that can fix it?

1 Like

@TitoYayr

Please add the following CSS code to your assets/base.css bottom of the file.

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

Thanks!