WordPress.org

Ready to get started?Download WordPress

Forums

Montezuma
Grey image not showing in Safari fix (2 posts)

  1. Grytpype
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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