Grey image not showing in Safari fix (2 posts)

  1. Grytpype
    Posted 3 years ago #

    Hi, I was using this theme and apart from the height problem mentioned already, the images that are supposed to be grayed out (and then go colour on mouseover) weren't showing in Firefox. I found a fix that worked for me:

    In the posts.css find .post-thumb img.img_grayscale and comment out / delete:

    filter: url("%tpldir%/images/gray-filter.svg#grayscale");

    And add:

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

  2. Grytpype
    Posted 3 years ago #

    ...just realised that this wasn't working in Firefox and did in Safari although the latter had the height problem...

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic