I downloaded the Advanced Gutenberg plugin, in order to open all gallery images in lightbox. I realize this isn't an issue with the theme but possibly with the plugin and may not be fixable. But when the images are clicked on (and expanded) they're resized to fit the height of my screen (I think), no matter if they're bigger or smaller than my screen. The resizing always blurs the image, which makes sense if the image is originally smaller than the expanded lightbox version, but it also blurs large images that are made smaller to fit the screen height. Is there a way to open images in lightbox in their existing resolution?
Maybe it's trying to fit the image at its best resolution, but if you haven't still found the solution, please add the following style in Appearance > Customize > Additional CSS.
#colorbox.advgb_lightbox .cboxPhoto { width: auto !important;
height: auto !important; }
This will force to show the images on their resolution.
Feel free to ask for anything you need.
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
http://epiphannie.com/portfolio/vela On this page, lightbox is opening the image with a maybe 15px rounded corner white border. Is there a way to get rid of that?
I downloaded the Advanced Gutenberg plugin, in order to open all gallery images in lightbox. I realize this isn't an issue with the theme but possibly with the plugin and may not be fixable. But when the images are clicked on (and expanded) they're resized to fit the height of my screen (I think), no matter if they're bigger or smaller than my screen. The resizing always blurs the image, which makes sense if the image is originally smaller than the expanded lightbox version, but it also blurs large images that are made smaller to fit the screen height. Is there a way to open images in lightbox in their existing resolution?
Thank you.
Hey,
Maybe it's trying to fit the image at its best resolution, but if you haven't still found the solution, please add the following style in Appearance > Customize > Additional CSS.
#colorbox.advgb_lightbox .cboxPhoto {width: auto !important; height: auto !important;
}
This will force to show the images on their resolution.
Feel free to ask for anything you need.
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
Thank you! One last question:
http://epiphannie.com/portfolio/succeed-safety-tips-2 On this page, the lightbox popup doesn't have a border around the image.
http://epiphannie.com/portfolio/vela On this page, lightbox is opening the image with a maybe 15px rounded corner white border. Is there a way to get rid of that?
Thank you
Hi,
That lightbox seems to come from the gutenberg element, please add the following style.
#colorbox.advgb_lightbox #cboxLoadedContent {border: 0 !important; margin: 0 !important; padding: 0 !important;
}
Feel free to ask for anything you need.
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
Thank you, that worked well. I also got rid of the border radius. :)
Good to know, feel free to ask for anything you need
Kind Regards,
NeuronThemes
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.