Skip to main content
Anonymous
May 12, 2014 5:23 PM UTC
Solved

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

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.
Matt_Stone2
Matt_Stone2Accepted solution
Level 9
May 12, 2014 7:49 PM UTC
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 }
View in thread

9 replies

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

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

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

Loading footer...