Jump to content

Peter_Kovalsky

Member
  • Posts

    14
  • Joined

  • Last visited

Everything posted by Peter_Kovalsky

  1. Having played with it a little, you can actually put the latter two steps in the same code block. For example, you can have this: <a href="" data-featherlight="#john-bio">Learn about John</a> <div style="display:none;"> <div id="john-bio"> <p>Insert bio here</p> </div> </div> All in one code block. As for the header injection, this is what I've got: <link href="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.css" type="text/css" rel="stylesheet" /> <script src="//code.jquery.com/jquery-latest.js"></script> <script src="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script></link> Seems to be working!
  2. This isn't working for me either. Inspecting the page, I see a "jQuery is not defined" error. I think the source URLs in step 1 aren't working because a new version of Featherlight (1.4.0) has been released (see here). That said, updating the URLs gives me new errors and it still doesn't work. Hoping someone who knows what they're doing will come clear it up. UPDATE: Got it working by replacing the stuff in step 1 above with the stuff from here.
×
×
  • 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.