Can't change the user-input text color inside a form placeholder

Design help General
1

Hello all,

I apologize if this matter has already been brought up and resolved, although I cannot seem to find a solution with the resources previously posted on this forum.

I am trying to change the user-input text on my contact form on my website. It is appearing as a dark gray which does not contrast well on my black background-based website. I have changed the placeholder text to #fff using Webflow’s native method, although I cannot find a way to change the color of the text that is typed into the form placeholder from dark gray to white.

Any help would be much appreciated! Have a productive rest of the week everyone.

Link to the persisting issue

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2 Likes
2

Hello @GILBZ

You can control this color in the default typography settings.

Screenshot 2023-05-12 at 15.58.55
Screenshot 2023-05-12 at 15.58.551630×1170 78 KB

Let me know if this works.

Peter :webflow_heart:

3

Same problem here. Did you ever find the solution? All other Typography settings are respected but the color is ignored by the text field.

2 Likes
4

Hey there @GILBZ. Had this issue myself. Like @kiril.okun said, all other Typography settings are respected but the color is ignored by the text field (when a user enters text into the forum input).

Here’s the fix:

wheretoputcodescreenshot
wheretoputcodescreenshot881×569 31.3 KB

  1. Navigate to “edit page settings”.
  2. Navigate to the Custom Code section.
  3. In the “inside head tag” section, add the following CSS code:
<style>
.w-input, .w-select {
color: white !important;
}
</style>

You can put whatever you want for the color in place of “white” in the code.

  1. Click the Save button.
  2. Publish your website for the changes to take effect.

Hope this helps!

1 Like
5

awesome… this worked!

6

Since I stumbled upon this with the same issue but felt like nothing works:

It does work indeed… but the preview inside the editor somehow does not show the truth. I just published and checked live and my settings are exactly how I made them in WebFlow for the “Placeholder” state.

1 Like
7

I had the same issue. The parent section had a ‘white’ text colour applied, so the form was picking up that as the default colour, despite the input fields being set to text black. I removed the section style and the issue was resolved without any code.