Control (or set) responsive width for URL lightbox

  • Hi! I have the pro version of this plugin and am using it to open some third-party forms on the website. Is there a simple way to not open the lightbox to full screen using the shortcode? It’s a short form and only takes up a very small portion of the page.

    In other words, I like how this method sizes the popup container appropriately.

    <div id="mySampleContent" class="fancybox-hide">This content will be shown into the lightbox</div>
<a class="ari-fancybox button clear-button" href="#mySampleContent">Open lightbox</a>

    But I’m working with a URL and the shortcode method and it fills the entire screen with a white lightbox, even though the form only takes up about 20% of that whitespace
    [fancybox url="formurlhere"]<span class="button clear-button">Email Signup</span>[/fancybox]

    Any suggestions?

    • This topic was modified 5 years, 1 month ago by jacksonsky.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter jacksonsky

    (@jacksonsky)

    Update: I know that I could open it in an iframe like this, but then it’s not responsive…

    <div id="mySampleContent2" class="fancybox-hide"><iframe src="URL" width="400" height="300" frameborder="0"></iframe></div><a class="ari-fancybox button clear-button" href="#mySampleContent2">Open lightbox iframe</a>

    • This reply was modified 5 years, 1 month ago by jacksonsky.
    Thread Starter jacksonsky

    (@jacksonsky)

    Another Update: I think I might need to set the MAX Width and MAX height in the custom JS?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Control (or set) responsive width for URL lightbox’ is closed to new replies.