Ok, wound up figuring out how the plugin works and developing a workaround. Apparently, there is a close button referenced in Flipbook_Plugin.php (root folder of …wppdf/ ) on lines 266-268 for a popup flipbook, but that code isn’t working – the code after }else{ on line 285 is creating the navigation buttons.
This said, after line 313 in Flipbook_Plugin.php, add the following code:
<div class="mfp-close" z-index="4000"><a href="javascript:history.go(-1)"><i class="fa fa-times fa-lg fa-inverse"></i></a></div>
</div>
This will create an X symbol from the Font Awesome suite in the corner. However, it will not sit correctly until you open magnific-popup.css (…wppdf/css/) and change the values for right and top for both .mfp-close and .mfp-close:active (lines 137, 138, and 152 in the unmodified .css file, respectively):
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 20px;
top: 15px;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 17px;
}
This will position the “X” to a usable location on the top right of your screen.
The fix is not pretty, but this plugin also has a lot of left-over code from the Magnific Popup jQuery lightbox plugin, so this fix blends right in to the rest of the mess.
All things considered, it works reasonably well, and it makes for a much more user-friendly interface. And heck, it’s free – I couldn’t find any other good WordPress flipbook plugins for .PDFs with the general reliability of this one.
-Kurt
