I recently added WPForms to my site. I've only created one form so far and attached it to my contact page and I've noticed a CSS issue with the theme that I don't know how to fix.
The form works perfectly in light mode, but when I switch it to dark mode the text colour in the "comment or message" box stays the same and so looks like it disappears - this also means if someone is using my site in dark mode then they will think that they aren't typing anything when they come to enter a message.
I have attached a screenshot of the contact form in light mode, a screenshot of it in dark mode and a screenshot of the highlighted text in dark mode which shows that the text is there, it's just the same colour as the background.
I've been trying to work out what CSS I need to add to make this work like the other entry fields so that the text colour changes when dark mode is activated, but I can't work it out.
Hi there,
I recently added WPForms to my site. I've only created one form so far and attached it to my contact page and I've noticed a CSS issue with the theme that I don't know how to fix.
The form works perfectly in light mode, but when I switch it to dark mode the text colour in the "comment or message" box stays the same and so looks like it disappears - this also means if someone is using my site in dark mode then they will think that they aren't typing anything when they come to enter a message.
I have attached a screenshot of the contact form in light mode, a screenshot of it in dark mode and a screenshot of the highlighted text in dark mode which shows that the text is there, it's just the same colour as the background.
I've been trying to work out what CSS I need to add to make this work like the other entry fields so that the text colour changes when dark mode is activated, but I can't work it out.
Please help,
Kind regards,
Jonathan
Attached files: Contact-Good-Star-Vibes-Reach-Out-for-Inquiries-Support.png
Contact-Good-Star-Vibes-Reach-Out-for-Inquiries-Support (1).png
Contact-Good-Star-Vibes-Reach-Out-for-Inquiries-Support (2).png
Hi,
I've checked your site, the text form showing correctly, here is the screenshot: https://imgur.com/a/c81Pqeq
Please clear all the browser caches and check again.
Regards,
PenciDesign.
Hi,
Your screenshot only shows the form in light mode. You need to test it in dark mode, as I'm only having the issue in dark mode.
Kind regards,
Jonathan
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
body.pcdark-mode.pcdm-enable {--wpforms-field-text-color: #fff;
}
Regards,
PenciDesign.
Thank you so much, you're an absolute star! You've made my day!