11 replies · opened Jun 13, 2016
Hello,
I am using the onepage template and I need to know if it is possible to add a lightbox that displays text and what would be the correct coding to use? I am using the team section, and on the overlay I have added text that says 'About' when someone clicks the about text I would like the bio to appear in a lightbox.
Hello,
This is Definitely Possible. Please consider using the following Code:
[See Details](#myModal1)
A Simple Example of a Text Modal
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum delectus, tenetur obcaecati porro! Expedita nostrum tempora quia provident perspiciatis inventore, autem eaque, quod explicabo, ipsum, facilis aliquid! Sapiente, possimus quo!
[Don't Show me Again](#)
This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.
I added the code in just as you have it and it adds the see details link, unfortunately when I click it nothing happens. Is their CSS code or PHP code that needs to be added somewhere else in order for this to work successfully?
Hello,
We have just updated the above code. Please try using it again.
This will definitely work fine now. Let us know if we can help you with anything else or if you find any further issues.
Awesome! It worked. Thank You!
Unfortunately. I jumped the gun. The close doesn't actually close the window, it doesn't do anything. Can you advise please?
Hello,
Apologize about this but unfortunately our codes were Formatted unknowingly. Please try the updated code again. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
I have tried the close button or in this case the 'don't ask me again' button and it does not close the window. I did use the code above and nothing happens especially on the mobile side.
Hello,
Adding the following code to any Any Element should basically work fine:
onClick="$.magnificPopup.close();return false;"But since this is not working for you, can you please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution for this. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
michaelfletcher.org
The lightbox is located when you hover over the founder pictures. Click About and it should pop up. The X close button pops up on the desktop version, but the close button does not work. As well as on the mobile the button that says close does not work.
Hello,
Please consider replacing the existing code with the following:
onClick="jQuery.magnificPopup.close();return false;"This should definitely work fine. Let us know if we can help you with anything else or if you find any further issues.
Thank You! That worked very well!
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard