Title: Image hover effect (class required)
Last modified: September 1, 2016

---

# Image hover effect (class required)

 *  [myhero](https://wordpress.org/support/users/myhero/)
 * (@myhero)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/image-hover-effect-class-required/)
 * Hi
 * I’ve like to add a custom image rollover effect to my thumbnails.
 * Below is the code I cant to add. Can you please add the CSS classes tha I’ll 
   need to add to make this work?
 *     ```
       .requiredclass:hover .image img {
       transform: scale(1.2); }
       .requiredclass .image img {
       transition: all 0.4s ease-in-out;
       }
       ```
   
 * [https://wordpress.org/plugins/content-views-query-and-display-post-page/](https://wordpress.org/plugins/content-views-query-and-display-post-page/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Content Views](https://wordpress.org/support/users/pt-guy/)
 * (@pt-guy)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/image-hover-effect-class-required/#post-7695331)
 * Dear [@myhero](https://wordpress.org/support/users/myhero/) 😉
    Please use this
   CSS
 *     ```
       .pt-cv-content-item:hover .pt-cv-thumbnail {
           transform: scale(1.2);
       }
       .pt-cv-content-item .pt-cv-thumbnail {
           transition: all 0.4s ease-in-out;
       }
       ```
   
 * Best regards,
 *  Thread Starter [myhero](https://wordpress.org/support/users/myhero/)
 * (@myhero)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/image-hover-effect-class-required/#post-7695339)
 * Thank you. I’ve applied it.
 * Will have to give the cache some time time to clear doesn’t seem to have cleared
   properly after a manual clear.
 * > [here](http://southafricanism.com/viral-videos/).
 *  Plugin Author [Content Views](https://wordpress.org/support/users/pt-guy/)
 * (@pt-guy)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/image-hover-effect-class-required/#post-7695408)
 * I can see it works on your page.
    If you can’t see it works, please clear cache
   of your WP Super Cache. Best regards,

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Image hover effect (class required)’ is closed to new replies.

 * ![](https://ps.w.org/content-views-query-and-display-post-page/assets/icon.svg?
   rev=2932226)
 * [Content Views - Post Grid & Filter, Recent Posts, Category Posts ... (Shortcode, Gutenberg Blocks, and Widgets for Elementor)](https://wordpress.org/plugins/content-views-query-and-display-post-page/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/content-views-query-and-display-post-page/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/content-views-query-and-display-post-page/)
 * [Active Topics](https://wordpress.org/support/plugin/content-views-query-and-display-post-page/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/content-views-query-and-display-post-page/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/content-views-query-and-display-post-page/reviews/)

## Tags

 * [image hover effect](https://wordpress.org/support/topic-tag/image-hover-effect/)

 * 3 replies
 * 2 participants
 * Last reply from: [Content Views](https://wordpress.org/support/users/pt-guy/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/image-hover-effect-class-required/#post-7695408)
 * Status: not resolved