Using Lightbox on node.js

Question

Hi there

Have you guys had any experience with using lightbox in node.js? I am using the masonry thumbs with the lightbox image popup. Works fine in the HTML template but when I convert the template to a .jade file and then try use the lightbox, it opens but appears at the top of the screen rather than popping up. Any thoughts as to what this could be? The script files are linked because all the other functions are working fine, only lightbox that's not happy.

I've attached a screen grab of the code. Any assistance would be greatly appreciated.

Matt

SemiColonWeb · Accepted Answer

Hello, We have not tested Canvas with node.js at the moment but it should work fine. According to your issue, it seems to be an error with the Loading of the css/magnific popup.css CSS File which handles the styles of the Magnific Popup. Please make sure that the css/magnific popup.css File has been Linked properly in the Document <head> for this to work properly. This should fix your issue. Let us know if we can help you with anything else or if you find any further issues.

Mattch · Answer

Hey Guys

Thanks for helping, this sorted the issue. I'm using .less files and the magnific-popup was only available in css so I had to convert to less and add to the shortcodes. Works perfectly!

Thanks again. Love using Canvas, makes building sites much quicker. Looking forward to seeing what you guys produce next.

Matt

Semicolon Web · Answer

Hello,

Thank You so much for the Kind Words. We Really Really Appreciate them! :)

Since Magnific Popup is 3rd Party Plugin it was not converted to the LESS File. You can also simply use the CSS File and it would work fine.

Really Glad that your issues were resolved. Very Happy to Help! :)

Do let us know if we can help you with anything else or if you find any further issues with Canvas.