Added a new form to my site but having CSS issues with text

Jonathan replied

2 years ago

Customer Reply

Thank you so much, you're an absolute star! You've made my day!

PenciDesign Supporter replied

2 years ago

Staff Reply

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.

Jonathan replied

2 years ago

Customer Reply

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

PenciDesign Supporter replied

2 years ago

Staff Reply

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.

Jonathan started the conversation

2 years ago

Conversation Start

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