Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 26, 2020 at 9:13 pm #1248717
    agougo

    HI all,

    I have a question. When i create a masonry gallery and select the grey scale effect it displays the images in grey scale and when i hover on the image it displays the actual color. How can I reverse this functionality? I would like to display grey scale on hover image.

    Thank you

    • This topic was modified 4 years, 2 months ago by agougo.
    September 27, 2020 at 6:50 pm #1248840
    Victoria

    Hey agougo,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    September 27, 2020 at 7:40 pm #1248863
    agougo

    Hello,

    Here is the link to an example. I have a masonry gallery and I have activated the grey scale effect. When i mouse over on an image it will revert to the original color. I would like to do the opposite. I would like to display the image with the original colors, and when I mouse over, to display in grey scale.

    Thank you

    September 29, 2020 at 11:31 am #1249326
    Victoria

    Hi agougo,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .av-hover-overlay-grayscale .av-masonry-entry .av-masonry-image-container {
    -webkit-filter: none;
    filter: none;
}
#top .av-hover-overlay-grayscale .av-masonry-entry:hover .av-masonry-image-container {
  -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 29, 2020 at 9:21 pm #1249493
    agougo

    Yeap – that works :)
    Thank you for the assistance!

    September 30, 2020 at 3:59 am #1249527
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Masonry Gallery – Greyscale effect – Inverse effect’ is closed to new replies.