Tagged: , , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 10, 2014 at 9:48 pm #349059
    KirinDesign

    I tried the code suggested in another thread, but it didn’t apply. I’d like the greyscale overlay to apply to any call to the portfolio (I use it on the home page as well as the portfolio page) and, on hover, return to full color.

    Thanks!

    November 11, 2014 at 12:25 pm #349294
    Ismael

    Hey Veronica!

    Thank you for using Enfold.

    Please use this on Quick CSS or custom.css:

    .isotope_activated .isotope-item img {
display: block;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray;
-webkit-transition: all .6s ease;
}

.isotope_activated .isotope-item:hover img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: none; 
}

    Cheers!
    Ismael

    November 12, 2014 at 9:09 pm #350334
    KirinDesign

    Wonderful! Thank you!

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