Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #284047

    Hi there,

    I was sent some code to convert colour images to black and white on hover, however this only seems to work in Chrome & Opera.

    Also, no custom css code works when placed in the quick css box. Any ideas?

    #284080

    Hi silviouk!

    Please change the code to following one

    div.avia-image-container div a img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    }
    
    div.avia-image-container:hover div a img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    }

    If that does not work, please hire a freelancer to make the code cross-browser compatible

    Best regards,
    Yigit

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