Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2016-07-25 17:35:00

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 5,082
Website

Using Magnific Popup in Backlight

Here's a tutorial how to use Magnific Popup to create custom popups in Backlight.

http://backlight.theturninggate.net/?page=mfp


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

#2 2016-08-01 06:13:10

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 746
Website

Re: Using Magnific Popup in Backlight

I run into an issue where I couldn't close the popup on my phone because it covered the entire screen. Following line adds a close button:

<button title="Close popup" type="button" class="mfp-close">&#215;</button>

This needs to be added inside the popup div as the first element:

<div id="the__popup" class="mfp-popup mfp-hide ">
<button title="Close" type="button" class="mfp-close">×</button>
....

Update: I wasn't running the latest version of backlight. Once updated, the close button appears! Note to myself: don't push back updates and then forget about them lol


Daniel Leu | Photography   
DanielLeu.com

Offline

#3 2016-08-01 17:23:57

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 5,082
Website

Re: Using Magnific Popup in Backlight

That's weird. The script should be adding the close button, so it shouldn't be necessary to include it in markup. Can you link me to a page you're having this problem on?


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

Board footer

Powered by FluxBB