[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 1 month ago.

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

    Sarah
    Participant

    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!
    Sarah

    #10793

    Tom
    Keymaster

    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.