Lightbox customization

[Melanie_Arnold]

Has anyone had any luck customizing Marketo's lightbox? I'm trying to add a pop up form, but having trouble making custom changes.

[Justin_Cooperm2]

What would you like to customize? If you describe what you're trying to do it might be easier for the community to make some suggestions. We have some form gurus in these forums!

[Melanie_Arnold]

Thanks Justin - a few things; the modal positioning seems off. Even something as simple as formatting text above the form doesn't seem to be taking. The same form embedded on a landing page looks a lot different than it does in the lightbox. And the form isn't responsive...any tips?

[SanfordWhiteman]

Hi Melanie,

• not sure what you mean by "formatting text above the form" -- is this "above" as in vertically above, or "above" as in z-index?
• the form should look the same in the lightbox as on an LP (in the same browser and viewport, of course), but you may have CSS that applies in one area and not the other
• in general, the form will take any CSS you can give it; you're constrained by the DOM fragment Marketo creates (unless you rearrange that using JS) but as long as you use !important and/or CSS specificity you can do some pretty crazy stuff
• you can also use your own choice of lightbox library instead of the built-in lightbox, which admittedly isn't too pretty
• the example MktoForms2 :: Destyle Marketo form shows how you can neutralize the default styles to create a more vanilla look-and-feel to start

It would helpful to see examples of the pages on which you've tried to customize the form.