WordPress.org

Support

Support » Themes and Templates » Grey image not showing in Safari fix

Grey image not showing in Safari fix

  • 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 */

Viewing 1 replies (of 1 total)
  • …just realised that this wasn’t working in Firefox and did in Safari although the latter had the height problem…

Viewing 1 replies (of 1 total)
  • The topic ‘Grey image not showing in Safari fix’ is closed to new replies.