Jump to content

Silvire

Member
  • Posts

    7
  • Joined

  • Last visited

Posts posted by Silvire

  1. 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>

     

×
×
  • 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.