Placeholder text color not changing


So I’ve read through a few comments about this issue but none of the fixes are working for my site.

I can’t seem to change the place holder text color on a email input element. I can change the font, just not the font color. Any ideas??

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

1 Like

Hey Ben, the basic process is to publish the page, inspect the element using your browser’s dev tools and see where it’s getting the color from. You’ll be able to see the conflict easily that way.

1 Like

Hey @Benjamin_Walker ,

+1 to what Michael said.

The placeholder styling is overridden by the color variable defined for the Light base:

You can paste the following code inside the Head section of the custom code in the page that you want the placeholder to be white:

<style>
.knee-email-input::placeholder {
  color: #fff !important;
}
</style>

This should ideally solve the styling issue. Hope this helps.

That did it! Incredible. Thank you!

1 Like