SOLVED

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

Go to solution
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
Matt_Stone2
Level 9

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
Matt_Stone2
Level 9

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.
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. 
Matt_Stone2
Level 9

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 }
Matt_Stone2
Level 9

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 }
Anonymous
Not applicable

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

0EM50000000RqNY.jpg
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. 
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!
Matt_Stone2
Level 9

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 }
Anonymous
Not applicable

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

Thanks so much Matt!