Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 17, 2014 at 8:01 pm #292629
    Micheal0424

    http://kriesi.at/themes/enfold/blog/masonry-blog/

    How can I make it so the Masonry Blog pictures show up grey scaled unless they are hovered over?

    Right now they show up lighter and then full color when hovered over.

    Thanks for the help!!

    July 17, 2014 at 8:18 pm #292631
    Yigit

    Hi Micheal0424!

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

    .av-masonry-image-container {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.av-masonry-image-container:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}

    Best regards,
    Yigit

    July 17, 2014 at 8:29 pm #292645
    Micheal0424

    Worked perfectly, thanks for the help!!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Masonry Blog – Change to grey scale until hovered over?’ is closed to new replies.