Tagged: gallery, image overlay
To disable image overlay, I used this :
.image-overlay {
visibility: hidden;
}
However on the example page, I would like to ONLY disable it for the FooBox Gallery components. What class should be targeted to accomplish that?
Thanx!
Got it! For those that find this thread searching for FooBox or Gallery Overlay queries, just target the FooBox ID <- duh!!
#foogallery-gallery-3351 .image-overlay {
visibility: hidden;
}
Hey!
Glad you figured it out and thank you for sharing your solution :)
For future reader’s reference, ID might be different. You can use following code instead to make sure to apply the changes in all FooBox images
.foogallery-container .image-overlay { display: none !important; }
Cheers!
Yigit