Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 23, 2018 at 10:56 am #1000673
    akapoun

    Hi!
    On my website I use a gallery element.
    I want to have the following style for the gallery grid:
    the pictures in the grid should be shown in black and white, and when you mouseover the picture it should be colored.
    What´s the best way to set this style?

    August 23, 2018 at 10:08 pm #1000984
    Nikko

    Hey akapoun,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .av-inner-masonry .av-masonry-image-container {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#top .av-inner-masonry:hover .av-masonry-image-container {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

    Hope it helps :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.