Site URL: https://pumpkin-pentagon-fmgr.squarespace.com/blk-101-nova-scotia
Hi guys, I've implemented a featherlight lightbox biography for my website. However, sections or elements below the lightbox area become interactive and those sections open a lightbox when there should be none opening up. Is there a problem with the coding? I've been having difficulty configuring how the lightbox coding.
My current code looks like this:
Code Injection (Header and Footer):
<link href="//cdn.rawgit.com/noelboss/featherlight/1.7.13/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.7.13/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
Code Block:
<a href="#" data-featherlight="#bio-Lindell">
<img src=imagelink</a>
<div style="display:none;">
<div id="bio-Lindell" style="text-align:center;">
<img src="Image link" width="300" height="300"/>
<h3 style="text-align:left">Name</h3>
<p style="text-align:left">Text</p>
</div>
</div>
Looking forward to see how to remedy this issue. My password for my site is 7412!