[SOLVED] Pop-up lightbox text help

Site URL: https://tarantula-porcupine-bkrr.squarespace.com/

Right now I'm using this code injection in the header:

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

And this code in the code block:

<a href="#" data-featherlight="#popPK-service">

<h2>

  Population pharmacokinetics </h2>

<p2>

Any more info here</p2>

</h2> <div style="display:none;">

<div id="popPK-service">

<h2 style="font-size:36px;">

Population Pharmacokinetics

</h2>

<p style="font-size:18px;">

 • Derivation of pooled analysis-ready datasets and exploratory tabular and graphical analysis

</p>

  </div>

  </div>

However, only three of the five pop-ups work, with the remaining two opening a small, empty square. Is this a problem with the code injection? Any help would be greatly appreciated.

Site: https://tarantula-porcupine-bkrr.squarespace.com/

Password is 1234

Thanks!

19 hours ago, dl_23 said:

Site URL: https://tarantula-porcupine-bkrr.squarespace.com/

Right now I'm using this code injection in the header:

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

And this code in the code block:

<a href="#" data-featherlight="#popPK-service">

<h2>

  Population pharmacokinetics </h2>

<p2>

Any more info here</p2>

</h2> <div style="display:none;">

<div id="popPK-service">

<h2 style="font-size:36px;">

Population Pharmacokinetics

</h2>

<p style="font-size:18px;">

 • Derivation of pooled analysis-ready datasets and exploratory tabular and graphical analysis

</p>

  </div>

  </div>

 

However, only three of the five pop-ups work, with the remaining two opening a small, empty square. Is this a problem with the code injection? Any help would be greatly appreciated.

Site: https://tarantula-porcupine-bkrr.squarespace.com/

Password is 1234

Thanks!

I checked those items, these are now accordion, did you solve this?

Hey @bangank36

Sorry, should have specified!

I'm trying out 2 options for different possible layouts. The lightboxes are on the "Specialties pop out" page.

4 hours ago, bangank36 said:

remove the # in the id="#...", that error repeat on the last 2 block

This was exactly the problem. Thanks so much!