Jump to content

Position Lightbox Anything relative to link that is clicked

Recommended Posts

Hi!

I am attempting to create functionality on my squarespace 7.0 website where a user clicks a word in a paragraph and the definition of that word appears as a pop up right underneath that word. Then, the user can close that definition popup box by clicking an x in the popup or by clicking outside of the popup. I've seen this done via CSS pseudo classes for positioning (:before) and hover states to show the definition, but I need click functionality (esp for mobile of course).

I purchased the lightbox anything plugin to achieve this, and it's worked well for everything besides the positioning of the lightbox itself. I need a way to position the lightbox relative to the link that was clicked, instead of positioning it in the middle of the page every time. Is this possible with this plug in? If not, does anyone have another suggestion on how to achieve the aforementioned functionality for the website?

Thank you!

Link to comment
  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Have a look at this guide:

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.