Gallery grid: image fade to white on mouse hover not working

I'm using gallery grid view on module to show album, but i can't see "fade to white" effect when mouse hover an image.
On template css (less) the style seems correctly defined:
.dj-galleryGrid {
.dj-slide {
.opacity(100) !important;
}
.dj-slide-desc-bg {
.opacity(80) !important;
}
}

Joomla version 3.8, DJ-MediaTools version 2.10

Comments

  • Hello,

    it doesn't seem to be correct. The "!important" clause make the opacity to be same even if it set differently for mouse over. You can add another css with :hover pseudo class and "!important" clause to change the opacity on mouse over.
    .dj-galleryGrid {
    .dj-slide:hover {
    .opacity(75) !important;
    }
    }
  • szym said:

    Hello,

    it doesn't seem to be correct. The "!important" clause make the opacity to be same even if it set differently for mouse over. You can add another css with :hover pseudo class and "!important" clause to change the opacity on mouse over.


    .dj-galleryGrid {
    .dj-slide:hover {
    .opacity(75) !important;
    }
    }
    Yes, using that code when mouse is over image it changes opacity only for this image. But I ment the opposite; as i see on yours demo site, on gallery grid when mouse is over image the opacity changes for all the others (fade to white effect). The css I posted is from your djmediatools.less
Sign In or Register to comment.