During the process of setting up the webiste I encountered a problem with the lightbox:
In one of my posts I use the “Gallery” element with a panorama (2580 x 1080 px) image. The thumbnail on the site looks good, but when I click to enlarge the image size is limited to 1030px in width. I already looked up all solutions in this forum, none of them worked. Any ideas?
Hey DJarr,
Thank you for using Enfold.
The lightbox is using the Large thumbnail and you can adjust its dimension in the Settings > Media panel. Regenerate the thumbnails after adjusting the size.
// https://wordpress.org/plugins/force-regenerate-thumbnails/
Best regards,
Ismael
Hi Ismael,
I already set the “Large size” to 9999. Actually the thumbnail size in the gallery is fine, but the fullscreen after clicking is limited to 1030px in width. Where can I change that?
Hi,
try this code inside Quick CSS field:
img.mfp-img {
max-width: 110% !important;
width: 110%;
}
and adjust as needed.
Best regards,
Andy
Hi Andy,
thanks for your support, but unfortunately this does not produce a good result. The 1030p-width-image is upscaled and the image quality gets really bad over 110%.
Is there a workaround in which the lightbox uses the original high res image (2580×1080) when going to fullscreen and use a downscale or max-width-factor rather than upscaling the low res image?
Cheers
Daniel
Hi,
Try the following:
1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
2. Go to Settings > Media
3. Change the entry_without_sidebar
image size (increase its width / height).
4. Regenerate the thumbnails by clicking the button at the bottom.
Best regards,
Andy
Hi Andy,
it worked, thank you!