-
Posts
-
Hello,
I’m creating a page that uses color sections and we’d like to have galleries within these sections. However, when you click on an image to expand it, the lightbox image only fills the width of the color section. If I move the gallery outside of the color section, it behaves as desired. Is there any way to ensure the lightbox can extend beyond the container of a color section?Thanks for your reply! We understand having to click on the image to get it to open in lightbox. The lightbox image does not expand beyond our fixed width content when viewed in a large screen when the gallery is placed within a color section. When the gallery is outside of a color section, the lightbox images behave as desired and display the original size. This is an issue on larger monitors as images appear quite small when constrained. The original images are of a similar size and behavior changes depending on if the gallery is inside a color section or not, so I’m quite certain that is the cause of the issue.
Thanks!Hi CanarySystems,
Thanks for clarifying.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width:1440px){ img.mfp-img { width: 70vw; max-width: 90vw; max-height: 90vh !important; } }If you need further assistance please let us know.
Best regards,
VictoriaThanks so much! I had to remove “width: 70vw;” line as we did have some images that are not the same dimensions and that stretched them, and I had to re-upload some images to force the full size image to get pulled but otherwise it’s working perfectly. I appreciate your help!
- The topic ‘Lightbox Area Outside Color Section’ is closed to new replies.