Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 17, 2019 at 1:14 pm #1079582
    Sirpa

    Dear Keisi-Team,

    I would like to show the images in the Instagram widget with a grayscale overlay, only while hover/clicking to appear in color, similar as the option in the gallery.
    Is this visible?
    Thanks a lot on advance.
    Have a nice day.
    Kind regards
    Sirpa

    March 19, 2019 at 6:25 pm #1080433
    Nikko

    Hey Sirpa,

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

    #top .av-instagram-item a {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#top .av-instagram-item a:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

    Best regards,
    Nikko

    March 19, 2019 at 8:23 pm #1080508
    Sirpa

    Hey Nikko,

    works like a charm! Thanks a lot!
    Kind regards,
    Sirpa

    March 20, 2019 at 2:54 am #1080611
    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 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Greyscale Overlay for Instagram Widget’ is closed to new replies.