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

    A few of my entries won’t turn grayscale when this portfolio option is selected.

    I tried recreating the dynamic element and turning it off and on and all that, no luck.

    Any ideas?

    http://www.rockjacobs.com/wp

    #126605

    Hi tlow87,

    Its completely sidestepping the theme options but you can just do the effect with your own css. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .slideshow_media_wrap {
    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 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
    }
    .slideshow_media_wrap:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    }

    Otherwise you can try re-generating thumbnails or re-uploading portfolio items.

    Regards,

    Devin

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Grayscale Hover Not Working On All Entries’ is closed to new replies.