SOLVED

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

Go to solution
Highlighted
Anonymous
Not applicable

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. 
Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Level 6

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

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 solution in original post

9 REPLIES 9
Highlighted
Level 6

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

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

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

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. 
Highlighted
Level 6

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

Try adding this to the custom CSS of your form:

input { background: #000000 !important }
Highlighted
Level 6

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

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

input { color: #000000 !important }
Highlighted
Anonymous
Not applicable

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

0EM50000000RqNY.jpg
Highlighted
Anonymous
Not applicable

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

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

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

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!
Highlighted
Level 6

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

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 solution in original post

Highlighted
Anonymous
Not applicable

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

Thanks so much Matt!