• Resolved rayeason

    (@rayeason)


    Hello and good day.

    I just added a contact form and the input color is white. The same color as the background so I can not see any input.

    Can you help, please?

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hey @rayeason – Thanks for reaching out!

    I looked into the form, and it seems that the theme CSS is causing some issues which is the reason why the input color is white. To fix the issue, you can add the following CSS:

    .wpforms-container input[type=date], .wpforms-container input[type=datetime], .wpforms-container input[type=datetime-local], .wpforms-container input[type=email], .wpforms-container input[type=month], .wpforms-container input[type=number], .wpforms-container input[type=password], .wpforms-container input[type=range], .wpforms-container input[type=search], .wpforms-container input[type=tel], .wpforms-container input[type=text], .wpforms-container input[type=time], .wpforms-container input[type=url], .wpforms-container input[type=week], .wpforms-container select, .wpforms-container textarea {
        color: #000 !important;
    }

    And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

    Hope this helps!

    Thread Starter rayeason

    (@rayeason)

    Hello and good day.

    Thank you for the quick and timely response.

    I added the CSS to my sites theme but the color is still white text on a white background.

    Is there some other place I am supposed to add the code?https://drive.google.com/file/d/15we5_5jSjNYz7ogU9HKOxNlcSsBi-wvN/view?usp=drivesdk

    Hi @rayeason – NIk here, jumping on behalf of Prashant,

    On checking your form, I see that your form styling is being overwritten by the Coming Soon Plugin. Reference Screenshot

    To fix this, please go ahead and add the below CSS code to your site:

    #sp-page input[type="text"], #sp-page input[type="password"], #sp-page input[type="email"], #sp-page input[type="url"], #sp-page input[type="date"], #sp-page input[type="month"], #sp-page input[type="time"], #sp-page input[type="datetime"], #sp-page input[type="datetime-local"], #sp-page input[type="week"], #sp-page input[type="number"], #sp-page input[type="search"], #sp-page input[type="tel"], #sp-page input[type="color"], #sp-page select, #sp-page textarea
    {
    color: black !important;
    }

    Please add the code to your site as shown by you and let me know how it goes?

    Thanks,

    Thread Starter rayeason

    (@rayeason)

    Beautiful and brilliant!

    It worked.

    Thank you sooooo much.

    Hi @rayeason – I am glad to know that the issue has been sorted and resolved for you!

    And thank you for letting us know 🙂

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

The topic ‘Contact Form Input Color’ is closed to new replies.