WP Photo Seller – Menu throught the image in Lightbox

[Jordi]

At this time I am testing this plug in in order to use it next week and I have seen that when I use the Lightbox, the menu of the website is shown througnt the picture.

I have checked all templates and all pictures that open in lightbox over the menu, you can see it over the picture (trought it), so I supose that it is a wrong behaviour of the plug-in.

I am using the Virtue theme and WP 4.1

[Peter]

Please provide a link to the page with the issue.

[Jordi]

[http://fotoset.es/photogallery/gallery5/]

[Peter]

Hi Jordi,

You can fix this easily via some custom CSS. Try the following:

1) Go and grab the following plugin:

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

2) Then add the following CSS code in the settings of the above plugin:

#jquery-lightbox{

z-index: 99999 !important;

}

[Jordi]

Hi Peter:

I have done the changes you has told me but when the plugin is activated with the changes the lightbox changes its apperance and the image is shown at the top left of the screen without the buttons “next” and “prev” to surf by the photos and without the foot of the picture, but if you see the web logged in, the lightbox is shown properly without the titles through the image, so it only works if you are logged in, so unfortunately this solution does not work 100%.

[Jordi]

And now I see that with the plugin activated, you can se the meny through the purchasing basket.

[Peter]

When I view that gallery I can see the lightbox working correctly and I also see that the CSS code you inserted is also correctly hiding the background.

I tried with Chrome and Firefox and both work great.

Which type of browser are you using?

I have sent you an email to get access to your site so I can take a closer look.

[Jordi]

Hi Peter: I’ve already sent you de details to login as admin to my wp site and a screen capture with the purchasing basket.

I don’t know what has happened, but now I see the lightbox without the menu through the picture. Maybe I was loading the cache memory instead of the real changes at the site, I don’t know (computer’s miracles!).

Nevertheless when you see the purchasing basket the menu is over it at the top of the basket. I have checked this beaviour from two computers. One with W8.1 and Google Chrome and the other computer with Xindows XP Pro and Firefox.

[Peter]

Update: we were able to fix the second lightbox display which shows the pricing table by using the following custom CSS code:

.ui-dialog{

z-index: 99999 !important;

}

[Jordi]

And it does work great!!!

Thx!!!!

[jimkells]

I have the same problem using the divi theme and neither of the above codes fix the problem unless i am applying them in the wrong place

[http://jimkells.com/gallery/photogallery/gallery276/]

password buckna

[Peter]

This custom CSS code should work:

.fancybox-overlay{

z-index: 999999 !important;

}

[jimkells]

i have tired the above using the suggested plugin, and the code above and it have made no difference.

[Peter]

Is working great for me. I just viewed your gallery and I don’t see the problem anymore.

Try clearing your browser caches.

[jimkells]

Hi, we have this same problem, i have applied the above css code and had no luck

[http://jimkells.com/gallery/photogallery/gallery295/]

[Author]

Posts