wave8756

@tuanphan the password is: password

Site URL: https://sampsonlab.squarespace.com/meet-the-team I am using a light box for my website's bios. However, the show up in the incorrect location after saving. They work correctly, but are not in the right place on the page. It works in some areas, but not in others, which I why I'm confused. Any advice or help is much appreciated!! Here is the code I used: Header <link href="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.css" type="text/css" rel="stylesheet" /> Footer <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> Page <div style="text-align:center; padding:0;"> <a href="#/" data-featherlight="#bio-name" class="sqs-block-button-element--medium sqs-block-button-element" style="background-color:#000; color:#fff; padding:20px 20px;">View Name's Bio</a> </div> <div style="display:none;"> <div id="bio-name" style="text-align:left;"> <img src="link for image" alt="Name" width="300" height="376" style="float:left; padding:15px;" /> <br></br> <h4>Name</h4> <p>Title<br></br> Bio <br></br> <a href="link"target="_blank">Link Name</a> <br></br> </p> </div> </div>

Hey! I'm having a similar issue with light boxes would you be able to explain how you fixed your issue? @jcupian @tuanphan

@bangank36 The issue happens when I save my work and go to view it in non-edit mode. It displays the code box in the incorrect spot on the website and not where I had placed it in edit mode. I attached screenshot so you can see. It's not a public website yet, would I still be able to share the link with you?

I am trying to create bios within light boxes for my website. I have been able to do this successfully. However, after 4 bios, it stopped working. The Lightbox themselves work, but after saving and leaving edit mode, the code box is in the incorrect spot. I have no experience in coding for HTML and had looked up how to code most of this. Any help or advice would be much appreciated! Here is the code that works: <div style="text-align:center; padding:0;"> <a href="#/" data-featherlight="#bio-name" class="sqs-block-button-element--medium sqs-block-button-element" style="background-color:#000; color:#fff; padding:20px 20px;">View Name's Bio</a> </div> <div style="display:none;"> <div id="bio-name" style="text-align:left;"> <img src="link is here" alt="Alt text here" width="568" height="603" style="float:left; padding:15px;" /> <br></br> <h4>Name is here </h4> <p>Title is here <br> </br> Bio is here <br></br> <a href="link"target="_blank">Link Name</a> <br></br> </p> </div> </div> Here is the code that does not work: <div style="text-align:center; padding:0;"> <a href="#/" data-featherlight="#bio-name" class="sqs-block-button-element--medium sqs-block-button-element" style="background-color:#000; color:#fff; padding:20px 20px;">View Names's Bio</a> </div> <div style="display:none;"> <div id="bio-name" style="text-align:left;"> <img src="link is here" alt="Alt image text" width="300" height="376" style="float:left; padding:15px;" /> <br></br> <h4>Name</h4> <p>Title<br> </br> Bio <br></br> <a href="link"target="_blank">Link Name</a> <br></br> </p> </div>