When I embed my form onto my site, font fields become light gray!

[Anonymous]

I need help understanding why my Marketo forms show up on my website with the field section (where user would input their information) in light gray? It's making it very hard for users to enter their information. 

It appears normal in preview mode and on Marketo landing pages but once placed on my website it looks completely different. 

[Matt_Stone2]

Are you using the javascript snippet to embed? There's probably an overriding stylesheet on your website that's changing the color.

[Anonymous]

I am using that snipper to embed. I wonder if there is some CSS I can add to the form to make sure that the fields come out black instead of gray. 

[Matt_Stone2]

Try adding this to the custom CSS of your form:

input { background: #000000 !important }

[Matt_Stone2]

Unless I misunderstood you and the font color is light gray... then:

input { color: #000000 !important }

[Anonymous]

[Anonymous]

You see how the font is showing up light gray.? I want to change that to black. I'm trying your suggestions out now. 

[Anonymous]

So your suggestions worked!!! The only thing is that the select button still is light gray...anyway to work around that? 

Thanks so much in advance!

[Matt_Stone2 · Accepted solution]

You'll have to do the same thing for the other types of fields, so if you have any textareas (which by your image, you don't), you'd also specify those.

• select { color: #000000 !important }
• textarea { color: #000000 !important }

[Anonymous]

Thanks so much Matt!