Product Page - size - color options - color of the selection arrows

[DeadEndStreet]

Hi all,

On my site I have a light background color for the color and size options for a product but the selection arrows are white. See below:

How do I fix this as in:

Change the color of the backgrounds (e.g. black) or better still change the color of the arrow selectors (e.g. to black) - 2nd option is better as my text color is black.

Any help appreciated.

Thank you

[KetanKumar]

@DeadEndStreet

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[DeadEndStreet]

Hi there,

My URL is as follows: deadendstreet.co.uk

Many thanks

[Savior]

1. Go to your store Click on Actions > Edit code.

2. In Assets > theme.scss.css.

3. At the bottom of the file add below lines:

select#SingleOptionSelector-0 { background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);

}

Enjoy !!!

---

Please like and subscribe.

[KetanKumar]

@DeadEndStreet

can you please confirm this look!

[DeadEndStreet]

That is correct thank you.

[KetanKumar]

@DeadEndStreet

thanks its my pleasure to help us