Dark overlay

I think this is a problem caused by upgrading to WP3.6

I have the same dark overlay problem with my photos: https://specialolympicsco.org/photos-videos/nggallery/soco.

Is there any fix to the plugin to deal with WP3.6 or whatever is causing the problem?

I had the same problem but changed in the css the background-color to none and now it’s gone.

/* PINTEREST LIGHTBOX */

#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: none;
cursor: pointer;
}

I don’t believe that background-color has a “none” option. You could make it “transparent” but that doesn’t really fix it. The dark overlay problem sort of goes away but if you have “Pin It” style buttons then they don’t work because the lbOverlay is still sitting on top of the image (#lbImage) and the bottom buttons (#lbBottom).

Here is how I resolved it. What was happening was the overlay div was being moved into the lbBottomContainer div.

find the following in jquery.pinterest-lightbox.js

H=w('<div id="lbOverlay" />')[0],

replace with:

H=w('<div id="lbOverlay" />').click(C)[0],

Also find the following in jquery.pinterest-lightbox.js

w('<a id="lbCloseLink" href="#" />').add(H).click(C)

replace with:

w('<a id="lbCloseLink" href="#" />').click(C)

Hope this helps someone else, and maybe the developer can accept this change into the plugin to get this fixed for other users.

Thanks
Brad

bradmkjr – thank you for that solution. It now works perfectly!

Thanks so much for this fix! Works perfectly now. ??

bradmkjr,

Perfect! That solved the problem. Now we just need the developer to include this fix.

bradmkjr – Add me to the choir singing your praises! Your solution fixed the problem resulting after upgrading to WP 3.6. YOU ROCK!!

Brad,

Thanks for the response and finding a solution. I updated the script to the latest version of slimbox which fixes the issue. I am working on uploading the new plugin version now, and will let you all know when the new version is submitted!

Thanks,
Travis