I’ve seen this mentioned before but non of the suggestions seem to affect my site. The X of the lightbox is at the top right of the image but outside my normal browser window. Most of the time it’s hidden behind the WP banner.
How can I, either move the X or reduce the % of the lightbox image?
http://www.websiteproud.com/wptest/photos/
I’m using Cube Portfolio plugin but have disabled the plugin lightbox on those images.
Hi kevsboredagain ;
if you resize your images a little bit smaller (height 850px max ) the lightbox border may stay in the browser.
It’s all relative. I could make the pictures 300px max height but if my browser is currently 200px height, then the image will still hit the edge and the cross not be visible. Some of them are already less than 850.
Hi!
Please try the following in Quick CSS under Enfold–>General Styling:
.mfp-content{
padding-top:30px !important;
}
Though there’s obviously some CSS conflict coming from that plugin, for instance when hovering the X.
Regards,
Rikard
Almost. That does indeed bring the X into view but at the expense of losing the bottom of the image with the counter. Is there anyway to limit the size of a lightbox image in terms of % of browser. window?
I^ll ask the plugin author about the hover style still being applied unless I can spot it myself.
Hi!
There most likely is, but maybe it’s better to find out what CSS is conflicting and getting rid of it first? I think that would be the easiest approach.
Best regards,
Rikard
I found the conflicting plugin. It was some Facebook widget which I’ve now removed.