When I embed my form onto my site, font fields become light gray! | Community
Skip to main content
A
Anonymous
May 12, 2014
Solved

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

  • May 12, 2014
  • 9 replies
  • 2102 views
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. 
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Matt_Stone2
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 }

9 replies

Matt_Stone2
Matt_Stone2
Level 9
May 12, 2014
Are you using the javascript snippet to embed? There's probably an overriding stylesheet on your website that's changing the color.
A
Anonymous
May 12, 2014
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
Matt_Stone2
Level 9
May 12, 2014
Try adding this to the custom CSS of your form:

input { background: #000000 !important }
Matt_Stone2
Matt_Stone2
Level 9
May 12, 2014
Unless I misunderstood you and the font color is light gray... then:

input { color: #000000 !important }
A
Anonymous
May 12, 2014
A
Anonymous
May 12, 2014
You see how the font is showing up light gray.? I want to change that to black. I'm trying your suggestions out now. 
A
Anonymous
May 12, 2014
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
Matt_Stone2Accepted solution
Level 9
May 12, 2014
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 }
A
Anonymous
May 13, 2014
Thanks so much Matt!
Terms & ConditionsAccessibility statement

Loading footer...