Text Missing from Lightbox

Site URL: https://southernlaunch2021.squarespace.com/

Hi Team,

I've coded in my own lightbox using the featherlight script. The functionality and the images work, however the text inside the lightbox isn't showing.

Please see details below,

In Head Tag of the Page

<link href="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.css" type="text/css" rel="stylesheet" />

<script src="//code.jquery.com/jquery-latest.js"></script>
<script src="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>

In Code Box

<!--PREVIEW-->
<div class="preview">
<a href="#" data-featherlight="#lloyd">
<img class="team_photo" src="https://static1.squarespace.com/static/606d2618e5daf1745386c519/t/60b71b60af17a60e035cef8c/1622612833101/Lloyd+1.jpg" alt="Lloyd Damp" style="width:300px;">
<p>Lloyd Damp</p>
<p>CEO</p>
</a>
</div>

<!--LIGHTBOX-->
<div class="lightbox" style="display:none;">
<div id="lloyd">
<img class="team_photo" src="https://static1.squarespace.com/static/606d2618e5daf1745386c519/t/60b71b60af17a60e035cef8c/1622612833101/Lloyd+1.jpg" alt="Lloyd Damp" style="width:300px;">
<p style="color=black !important;">Lloyd is responsible for developing and delivering the strategy across the company. Lloyd brings with him a unique experience relating to the design and safe operation of rocket systems across a number of size classes.

Lloyd graduated with a degree in Space Engineering from the University of Sydney in 2005. After completing a Masters in aero structural optimisation he worked in weapons research for Defence specialising in modelling, simulation and analysis.

Lloyd is always looking for a way to push his body physically. After university, he played Premier Grade rugby union, and got into CrossFit before discovering trail running and triathlon. Lloyd took up surf rowing and quickly found it to be the hardest (toughest) sport he’s attempted to date. He’s now returning to the more civilised "social" triathlon scene.</p>  
</div>
</div>

Would love some help in determining why it won't appear.

Thank you,

Shivers

45 minutes ago, Shivers90 said:

Site URL: https://southernlaunch2021.squarespace.com/

Hi Team,

I've coded in my own lightbox using the featherlight script. The functionality and the images work, however the text inside the lightbox isn't showing.

Please see details below,

In Head Tag of the Page

<link href="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.css" type="text/css" rel="stylesheet" />

<script src="//code.jquery.com/jquery-latest.js"></script>
<script src="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>

In Code Box

<!--PREVIEW-->
<div class="preview">
<a href="#" data-featherlight="#lloyd">
<img class="team_photo" src="https://static1.squarespace.com/static/606d2618e5daf1745386c519/t/60b71b60af17a60e035cef8c/1622612833101/Lloyd+1.jpg" alt="Lloyd Damp" style="width:300px;">
<p>Lloyd Damp</p>
<p>CEO</p>
</a>
</div>

<!--LIGHTBOX-->
<div class="lightbox" style="display:none;">
<div id="lloyd">
<img class="team_photo" src="https://static1.squarespace.com/static/606d2618e5daf1745386c519/t/60b71b60af17a60e035cef8c/1622612833101/Lloyd+1.jpg" alt="Lloyd Damp" style="width:300px;">
<p style="color=black !important;">Lloyd is responsible for developing and delivering the strategy across the company. Lloyd brings with him a unique experience relating to the design and safe operation of rocket systems across a number of size classes.

Lloyd graduated with a degree in Space Engineering from the University of Sydney in 2005. After completing a Masters in aero structural optimisation he worked in weapons research for Defence specialising in modelling, simulation and analysis.

Lloyd is always looking for a way to push his body physically. After university, he played Premier Grade rugby union, and got into CrossFit before discovering trail running and triathlon. Lloyd took up surf rowing and quickly found it to be the hardest (toughest) sport he’s attempted to date. He’s now returning to the more civilised "social" triathlon scene.</p>  
</div>
</div>

 

Would love some help in determining why it won't appear.

Thank you,

Shivers

you should enalbe site wide password so we can have a look

Hi bangank36,

I'd preferred to not give access to the site to other users, for security reasons. 

I was hoping someone could check the coding that I'm using.

Thank you,

Shivawn

@Shivers90 I think he meant site access password, not account password.

See how to

If you share link to your site, we can check easier.