Troubleshooting CSS for Marketo Form

[Trina_Ng]

Hello everyone,

We're experiencing issues with a Marketo form on our website that doesn't seem to be listening to the CSS from the Marketo form or our CMS's CSS. It looks fine when it first loads, but the button moves out of place shortly after. We thought it was because we had two forms with different stylesheets on the page, so we removed one form, but it still didn't fix the problem. I would appreciate if anyone has any suggestions or solution to our problem? It's been over a month of reaching out to Marketo support with little help and we feel like we're losing our minds here.

[SanfordWhiteman · Accepted solution]

Cause is clear.

The Custom CSS for Form ID 1873 sets the .mktoButtonRow to {display:block} without properly scoping the rule to just that form. So it applies to all forms, including 1877 which you want to be inline.

Form 1873 should have:

#mktoForm_1873 .mktoButtonRow{
 display: block !important;
}

Form 1877 should have:

#mktoForm_1877 .mktoButtonRow{
 display: inline !important;
}

You also have a major mistake in the way you're loading your forms. Make sure they are all loading from launch.procurify.com. Mixing launch.procurify.com and app-ab01.marketo.com in your embeds causes hard-to-track submission errors.

[SanfordWhiteman]

@Trina_Ng please return to the thread and mark my answer as correct, thanks.

[Trina_Ng]

Thanks so much for troubleshooting that so quickly, @SanfordWhiteman ! You saved us yet again. 🎉

I went away on holiday shortly after and left this hanging for awhile. I just marked it as a solution. Thank you again! 🙏