Jump to content

Putting a button inside a lightbox?

Recommended Posts

Hi guys, I'll keep this short, thanks for reading!

I have multiple buttons on my page, that when clicked, brings up a corresponding text lightbox.
The code for the lightbox looks like this.

What I've done is manually insert a button into this text lightbox.

I want the button to lead to the Get In Touch page, which already has the anchor link #get-in-touch.

However, it seems that the button doesn't work whilst it's inside the lightbox.
Setting the button destination to an anchorlink, or even trying to open a URL, doesn't work.

Does anyone know what I can do? I would prefer the button to load a page and jump to a specific anchorlink, but I wouldn't mind workarounds such as opening a new tab and going to a specific URL too.

(Also, let me know if I went overboard with the inception on this one...)

<div style="display:none;">
<div id="social-media-content" style="max-width:800px;">
<p>
<h3 style="font-size:30px;">Content</h3>
<p style="font-size:16px;">Text goes here. Lorem ipsum etc etc.</p> 
  
  <div class="sqs-block button-block sqs-block-button">
 <a href="//cdn.rawgit.com/noelboss/featherlight/1.3.2/release/featherlight.min.css" data-featherlight="#get-in-touch" data-featherlight-variant="lightbox-bgcolor" class="sqs-block-button-element--medium sqs-block-button-element">Get In Touch</a>
</div>
  
 </div>
 </div>

 

Link to comment
  • Replies 3
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • 9 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.