Black Friday sale! Get 25% off WPSP Pro! Discount automatically applied at checkout.

[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

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.