How do I use fancybox-auto?

  • Resolved patbell101

    (@patbell101)


    8 years, 4 months ago

    I have nicely managed to get what I want to display (on click) in a fancy box but not to get it to open on page load. This is the text I am using (less the inner shortcode stuff). Can anyone advise where and how I code the id=”fancybox-auto”?

    <a class="fancybox" href="#contact_form_pop">Click Here</a>
<div class="fancybox" style="display: none;">
<div id="contact_form_pop"> 
[myshortcode="SiteOrigin_Widget_Cta_Widget"]<input type...shortcode stuff here...quot;}}" />[/siteorigin_widget]
</div></div>
    • This topic was modified 8 years, 4 months ago by patbell101.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter patbell101

    (@patbell101)

    8 years, 4 months ago

    To simplify this, afaics I followed the faqs exactly and the code below as is does nothing, but if I move the anchor line to the top, it pops up but only a tiny empty square. I guess I have made a css error?

    testing
testing
<div style="display:none" class="fancybox-hidden">
<div id="fancybox-auto" class="hentry" style="width: 460px; max-width: 100%;">
This is a paragraph.

So is this.
</div></div>
<a id="fancybox-auto" href="#fancybox-auto"  class="fancybox-inline"></a>
    Thread Starter patbell101

    (@patbell101)

    8 years, 4 months ago

    OK ok, I’ve sorted this – was overthinking. All that is needed is id=”fancybox-auto” in the link, change nothing else.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How do I use fancybox-auto?’ is closed to new replies.