Help – variations dropdown list options show as white-on-white

Resolved mirandapoth
(@mirandapoth)

3 years, 4 months ago

Since a recent update (unfortunately I don’t know which one did it, or when) the text in the dropdown portion of the product options on all the product pages of one of my websites shows as white on white. It happens on some browsers only – fine in Firefox, wrong on Chrome and Opera (Windows 10). It’s the Neve theme on a Woocommerce site, and the people on the Woocommerce forum said it was probably a theme issue?

This video shows the problem: https://imgur.com/a/TaDBak1

Any ideas how to fix please?

The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)

Thread Starter mirandapoth
(@mirandapoth)

3 years, 4 months ago

I have found a workaround for this. I’ve added some css to override the select colour, so you won’t see the problem on the website. However you can see what it used to look like by watching the video.

adriaanvw2
(@adriaanvw2)

3 years, 4 months ago

Hi @mirandapoth

I’m experiencing the same issue you described. Also, the menu is presenting a different font than the rest of the site.

Would you mind sharing the css code you used for a temporary fix?

Thanks

Thread Starter mirandapoth
(@mirandapoth)

3 years, 4 months ago

Sure. It was simply

.variations select option {
color:#666;
}

where #666 is the colour you want.

adriaanvw2
(@adriaanvw2)

3 years, 4 months ago

Perfect! did the trick. Thanks @mirandapoth

trinity17k
(@trinity17k)

3 years, 4 months ago

Thank you.
Same pb for me.

snowhazard
(@snowhazard)

3 years, 4 months ago

I’m very new to web development and css code but I’m having the same problem too. would you mind guiding me as to where to paste this code? cheers.

adriaanvw2
(@adriaanvw2)

3 years, 4 months ago

@snowhazard : You go to Appearance > Customise > Additional CSS
Then paste this in there and click Publish:

.variations select option {
color:#666;
}

snowhazard
(@snowhazard)

3 years, 4 months ago

@adriaanvw2 thank you so much! you’re a lifesaver

rodicaelena
(@rodicaelena)

3 years, 4 months ago

Hi there,

Just a heads up that we are aware of this bug and it will be fixed in the next release of Neve.

Regards,
Rodica