[Support request] grayscale on hover fix needed

Please login to receive premium support.

Support for the free plugin can be found here.

Tagged: grayscale, hover effect

This topic has 1 reply, 2 voices, and was last updated 3 years, 7 months ago by Tom.

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

Author

Posts
August 16, 2019 at 11:53 am #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

August 16, 2019 at 3:20 pm #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.
Author

Posts

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

You must be logged in to reply to this topic.