Title: problem with :hover
Last modified: August 14, 2017

---

# problem with :hover

 *  [majka14](https://wordpress.org/support/users/majka14/)
 * (@majka14)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/problem-with-hover-2/)
 * I want to set :hover for images with efecct like this: [photo-grid](http://themes.kadencethemes.com/ascend/blog-style-photo/)
   
   but need to keep transition from grayscale to color (set for all images on my
   site). Hover works for images in posts, I have no idea how make it work also 
   for grids. Any help?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fproblem-with-hover-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [Will Schmierer](https://wordpress.org/support/users/officialwill/)
 * (@officialwill)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/problem-with-hover-2/#post-9427915)
 * I’m slightly confused at the question, do you just want images to be grayscale
   on page load and then color when you hover? If thats the case you could add this
   to your images:
 * [https://css-tricks.com/almanac/properties/f/filter/#article-header-id-1](https://css-tricks.com/almanac/properties/f/filter/#article-header-id-1)
 *     ```
       img {
       -webkit-filter: grayscale(1);
       filter: grayscale(1);
       }
       ```
   
 * and then remove the grayscale to color on hover.
 *     ```
       img:hover {
       -webkit-filter: none;
       filter: none;
       }
       ```
   
 * Hope that helps some.

Viewing 1 replies (of 1 total)

The topic ‘problem with :hover’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [Will Schmierer](https://wordpress.org/support/users/officialwill/)
 * Last activity: [8 years, 9 months ago](https://wordpress.org/support/topic/problem-with-hover-2/#post-9427915)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics