-
Since switching my site from Divi to Generatepress, there’s a problem with the woocommerce product categories widget in my footer. In Windows, the dropdown displays as white text on white (or very light gray) background, so is unreadable. I’m on a mac, and all browsers for me display normally, so I haven’t been able to replicate or solve the issue. But it’s been reported by several users. Any thoughts?
-
Can I see the issue?
-
Sure, at https://windstoneeditions.com
The widget is in the footer.
-
Try this CSS:
.wp-block-woocommerce-product-categories select option { color: #000; }Learn how to add CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps 🙂
-
Unfortunately that has no effect. I had actually already tried it. I have read that dropdown menu option elements cannot be modified via CSS. Is that not true?
-
I actually tested the code and it did work in browser inspector
https://www.screencast.com/t/XSECrTxcnYWhere are you adding the code?
-
I’m testing on my dev site, using Simple CSS plugin. I don’t have a PC, so can’t verify Windows behavior, but that code didn’t seem to alter the appearance in Firefox for Mac.
-
Were you seeing white on white before adding that CSS?
-
Please add the code to the live site using the Additional CSS field in the customizer so we can try to see why it isn’t working.
Were you seeing white on white before adding that CSS?
Yes – I’m a Windows machine.
-
OK, I added it to the live site.
I was hesitant because Firefox displays a dark background with white text (which is what I would ideally want for all browsers), but the code doesn’t seem to affect it.
-
It’s working for me? This is what I see on both Chrome and FF: https://www.screencast.com/t/Pe8sSTxXLad
-
Well if it doesn’t affect things on a Mac, but fixes it for Windows users, then I guess it’s all good. Thanks for your help!
-
No problem 🙂
- You must be logged in to reply to this topic.