Tagged: envira
After a morning spent practicing my Google-fu and getting nowhere, I started playing with Firefox’s Inspector and narrowed down the issue caused with Enfold when using the Envira Gallery plugin. What it boils down to is base.css line 368 is being overwritten somewhere. This causes the container for the .image-overlay to actually be positioned totally below the image. This throws off the overlay icon and also causes the lazy loading to screw the pooch. So just throw the snippet below in your custom css or child style.css and have fun!
.envira-gallery-wrap a {
position: initial!important;
}
.image-overlay {
position: absolute !important;
height: 100% !important;
width: 100% !important;
left: 0 !important;
}