Skip to main content
Melanie_Arnold
Melanie_Arnold
Level 2
March 1, 2016
Question

Lightbox customization

  • March 1, 2016
  • 1 reply
  • 2875 views

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

Justin_Cooperm2
Justin_Cooperm2
Level 10
March 1, 2016

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
Melanie_ArnoldAuthor
Level 2
March 1, 2016

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
SanfordWhiteman
Level 10
March 2, 2016

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.

Terms & ConditionsAccessibility statement

Loading footer...