Problem
Recently, I installed the new Lightbox 2.0 plugin for my gallery. It worked perfect except the “Close x” button.
The issue occurs only with large images (e.g. 1200x1500px), you simply can’t press the “Close x” in Google Chrome. This problems is because of the extremely large font-size in the close button div.
Fix
Go and find in your wordpress folder file with name effects.js and open it.
After this you have to divide font-size by 2 on the line 450:
Was
| line 450: | this.element.setStyle({fontSize: this.fontSize * currentScale + this.fontSizeType }); |
Now
| line 450: | this.element.setStyle({fontSize: this.fontSize/2 * currentScale + this.fontSizeType }); |
It is enough for good result, if you anyway have issue with close button, feel free to change 2 to any number.
Fixed!
✄
Alternative fix
Also, you can comment or remove that line
| line 450: | this.element.setStyle({fontSize: this.fontSize * currentScale + this.fontSizeType }); |
in this case you won’t see the smooth animation for bottom bar with image description and “Close x” button.
Wow, this is SO helpful, and just what I was looking for! THANK YOU!
Thanks as well, this saved me some time (I was starting to look into lightbox alternatives) :)
thank you!!!!!
Well done my friend! This fixed the issue immediately.
Thank you so much! I’ve got this issue with ‘close’ button.. and by a lucky accident – your post ))
helpful, thanks.
Cheers :)