jcupian
-
Posts
5 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by jcupian
-
-
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!
-
1 hour ago, creedon said:
I found two issues. First my code doesn't account for arrow colors other than black. Second the following instruction doesn't mention changing from Paragraph 2, the default, to any other.
The toggle arrow breaks if the text is not Paragraph 2. I should have been more specific about not changing from Paragraph 2.
It appears there is some room for improvement in my code. I'll see what I can do to make it better. In the meantime as a workaround add the following after my code.
<style> html:not( .squarespace-damask ) .twc-psst .sqs-row > .sqs-col-12 > .sqs-block:nth-child( 2 ) p { font-family : acumin-pro; font-size : calc( ( 2.8 - 1 ) * 1.2vw + 1rem ); } html:not( .squarespace-damask ) .twc-psst .sqs-row > .sqs-col-12 > .sqs-block:nth-child( 2 ) p::after { border-color : white; vertical-align : middle; } </style>
You might want to follow this thread for any updates I might post.
Let us know how it goes.
Thank you so much for clarifying about paragraph2! I've added your new code and it works perfectly now. Will keep an eye to this thread for future updates.
-
28 minutes ago, creedon said:
Please post the URL for a page on your site where we can see your issue.
If your site is not public please set up a site-wide password, if you've not already done so.
Post the password here.
Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.
Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.
We can then take a look at your issue.
https://pumpkin-pentagon-fmgr.squarespace.com/nova-scotia
Password: 7412
Please let me know the issue! It is for the section page "Contributors" that I am having trouble with the appearance of the toggle.
-
Featherlight Lightbox Troubleshooting
in Customize with code
Posted
Hey tuanphan, the access password is 7412!