Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 6, 2014 at 10:00 pm #233398
    D5WDesignGroup

    Is there a way that I can have the images in the Fullwidth Masonry Gallery appear as black and white, then shift to color when you mouseover them?

    March 7, 2014 at 3:25 am #233502
    Yigit

    Hey D5WDesignGroup!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .av-masonry-image-container img { filter: grayscale(100%);
    -webkit-filter: grayscale(100%); 
    filter: gray; 
    -webkit-transition: all .6s ease; 
 }
.av-masonry-image-container img:hover { filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none; }

    Regards,
    Yigit

    March 7, 2014 at 4:04 am #233538
    D5WDesignGroup

    Thank you very much. That worked perfectly!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Greyscale Overlay for Fullwidth Masonry Gallery’ is closed to new replies.