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;">
<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>


Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • 9 months later...
11 hours ago, smithli said:

I'm also looking for this solution. Can anyone help in this regards? Thanks in advance.

Can you share link to your site?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.