[Support request] grayscale on hover fix needed

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support grayscale on hover fix needed

This topic contains 1 reply, has 2 voices, and was last updated by  Tom 6 months, 1 week ago.

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


    Hi guys, I wanted to set it so that featured images are shown grayscale and turn to colour on hover. I achieved this using the info supplied in post https://wpshowposts.com/support/topic/image-hover-effect/.

    However, when I hover over Read More it turns it back to grayscale instead of staying colour.
    How can I fix that?

    And how can I exclude this affect for a list that appears on just one page?

    Thank you for your help!



    Hi Sarah,

    What if you do this?:

    #wpsp-123 .wp-show-posts-inner .wp-show-posts-image img {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    #wpsp-123 .wpshow-posts-inner:hover .wp-show-posts-image img {
        filter: none;
        -webkit-filter: grayscale(0);

    Be sure to replace 123 with the ID of your list.

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

You must be logged in to reply to this topic.