Title: [Noteworthy] Grayscale hover effect
Last modified: February 18, 2018

---

# [Noteworthy] Grayscale hover effect

 *  Resolved [agnesmm](https://wordpress.org/support/users/agnesmm/)
 * (@agnesmm)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/noteworthy-grayscale-hover-effect/)
 * Hello,
 * I got myself a theme, where featured images turn black and white when hovering
   over them with a cursor. I need to disable this function.
 * What I found on Google and tried, was removing from application.css the lines
   of code that I paste below. It did not work… Do you know if this can be fixed
   otherwise?
 * _img:hover.featured
    { -webkit-filter: grayscale(100%); -moz-filter: grayscale(
   100%); filter: grayscale(100%); }
 * Many thanks,
    Agnes M
    -  This topic was modified 8 years, 3 months ago by [agnesmm](https://wordpress.org/support/users/agnesmm/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fnoteworthy-grayscale-hover-effect%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Thread Starter [agnesmm](https://wordpress.org/support/users/agnesmm/)
 * (@agnesmm)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/noteworthy-grayscale-hover-effect/#post-9986568)
 * Hi again,
 * I managed to find a solution. I have pasted the following code to the CSS editor
   and it worked.
    Why removing the code from application.css did not work – I have
   no idea. Maybe it will be of some use to someone for the future.
 * img:hover.featured
    { -webkit-filter: none; -moz-filter: none; filter: none; }
 * Br
    Agnes M

Viewing 1 replies (of 1 total)

The topic ‘[Noteworthy] Grayscale hover effect’ is closed to new replies.

## Tags

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

 * 1 reply
 * 1 participant
 * Last reply from: [agnesmm](https://wordpress.org/support/users/agnesmm/)
 * Last activity: [8 years, 3 months ago](https://wordpress.org/support/topic/noteworthy-grayscale-hover-effect/#post-9986568)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics