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

DeadEndStreet
Explorer
103 0 35

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:

Screenshot 2021-11-10 235939.png

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

Replies 6 (6)
KetanKumar
Shopify Partner
24923 2498 9040

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
DeadEndStreet
Explorer
103 0 35

Hi there,

My URL is as follows: deadendstreet.co.uk

Many thanks 

Savior
Pathfinder
99 16 34

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
Shopify Partner
24923 2498 9040

@DeadEndStreet 

can you please confirm this look!

KetanKumar_0-1636605151744.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
DeadEndStreet
Explorer
103 0 35

That is correct thank you.

KetanKumar
Shopify Partner
24923 2498 9040

@DeadEndStreet 

thanks its my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing