Title: Change image hover color
Last modified: April 17, 2019

---

# Change image hover color

 *  Resolved [tastymouse](https://wordpress.org/support/users/tastymouse/)
 * (@tastymouse)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/change-image-hover-color/)
 * I want the change the overlay on the images on the homepage when you move your
   mouse over it. I can’t find the code in the style.css. Can anyone tell me which
   is the class that controls this?

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

 *  [darnelldibbles](https://wordpress.org/support/users/darnelldibbles/)
 * (@darnelldibbles)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/change-image-hover-color/#post-11440658)
 * Hi there,
 * Here is a snippet that will work for the transparent overlays:
 *     ```
       /* change hover color background for all transparent posts */
       @media screen and (min-width: 37.5em) {
         .hfeed .hentry.has-post-thumbnail:not(.grid-item-featured) .post-thumbnail:after {
             background: rgba(82, 170, 218,0.9);
         }
       }
       ```
   
 * And here is a snippet that will change both the transparent and orange overlays:
 *     ```
       /* change hover color background for all posts */
       @media screen and (min-width: 37.5em) {
         .hfeed .hentry.has-post-thumbnail .post-thumbnail:after{
             background: rgba(82, 170, 218,0.9);
         }
       }
       ```
   
 * Hope this helps!
 *  Thread Starter [tastymouse](https://wordpress.org/support/users/tastymouse/)
 * (@tastymouse)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/change-image-hover-color/#post-11441963)
 * Hi Darnell,
    Yes this does it. Thanks, Tom
 *  [darnelldibbles](https://wordpress.org/support/users/darnelldibbles/)
 * (@darnelldibbles)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/change-image-hover-color/#post-11444383)
 * You’re welcome!

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

The topic ‘Change image hover color’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/altofocus/1.0.7/screenshot.png)
 * AltoFocus
 * [Support Threads](https://wordpress.org/support/theme/altofocus/)
 * [Active Topics](https://wordpress.org/support/theme/altofocus/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/altofocus/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/altofocus/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [darnelldibbles](https://wordpress.org/support/users/darnelldibbles/)
 * Last activity: [7 years, 2 months ago](https://wordpress.org/support/topic/change-image-hover-color/#post-11444383)
 * Status: resolved