Form Design Issue

[Anonymous]

I downloaded a pre-built landing page template  (LP - Neojo v1) from a resource library. When I build a form and place it on the landing page it changes some of the form fields to have a black background. I want all the form fields to have a white background w/black text.

How do I change this or stop this from happening?@

[SanfordWhiteman]

Please post a link to the approved Landing Page with the form.

You can't post direct links to LPs in your instance here, because we can't access them.

[Anonymous]

Sanford Whiteman​ Thank you for jumping in and answering a few posts tonight.

[SanfordWhiteman]

Hey, no problem -- gotta get those badges back.

[Anonymous]

You can add custom CSS at the form level to change the form field/label backgrounds to white w/black text. Here's a brief bit of info on how to get to the place to edit the CSS: Edit the CSS of a Form Theme - Marketo Docs - Marketo User Manual

You'll want to add the following CSS in the Edit Custom CSS area:

.mktoForm input[type=text],

.mktoForm input[type=url],

.mktoForm input[type=email],

.mktoForm input[type=tel],

.mktoForm input[type=number],

.mktoForm input[type=date],

.mktoForm textarea.mktoField,

.mktoForm select.mktoField {

background-color: #ffffff;

color: #000000;

}

Hope this helps!

-Jackie

[SanfordWhiteman]

Jackie Babe​ that may work but without seeing the rest of the styles we have no way to know whether the specificity of those selectors will be sufficient to override what else the LP designer was trying to do.

This may be a place to use my Destyled Marketo Form method, so the designer can have as much control as possible instead of warring between the two.