Title: IMAGE OPACITY colour effect
Last modified: August 20, 2016

---

# IMAGE OPACITY colour effect

 *  [annalouis](https://wordpress.org/support/users/annalouis/)
 * (@annalouis)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/image-opacity-colour-effect/)
 * Hello
    I am using Twenty Ten and want the opacity of an image to change when 
   a mouse hovers over it. I have used the following code in my child theme, but
   I want the opacity to go to a black colour not white, can anyone advise how to
   do this?
 * Thanks
 * img
    { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } img:
   hover { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }

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

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/image-opacity-colour-effect/#post-2563079)
 * Don’t edit the Twenty Ten theme. Instead [create a child theme for your changes](http://codex.wordpress.org/Child_Themes).
   Once your child theme is active, we should be able to help with the customisation.
 *  Thread Starter [annalouis](https://wordpress.org/support/users/annalouis/)
 * (@annalouis)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/image-opacity-colour-effect/#post-2563098)
 * hello
    I have tried a new code and set up a child theme, in the css i have added:
   a:hover img { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;
   opacity: 0.5; } If you look at [http://www.kidsmoderndesign.co.uk](http://www.kidsmoderndesign.co.uk),
   you can see the image fades to white, I would like it to go to to a transparent
   shade of black with the image showing through, when the mouse hovers over. Please
   could you advise? Thanks
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/image-opacity-colour-effect/#post-2563102)
 * I’m sorry but it is beyond the scope of these forums to teach CSS. Try asking
   on a general CSS forum. I’d also recommend using Firefox with the Firebug add-
   on for this kind of CSS work.
    [http://getfirebug.com/](http://getfirebug.com/)

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

The topic ‘IMAGE OPACITY colour effect’ is closed to new replies.

## Tags

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

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [esmi](https://wordpress.org/support/users/esmi/)
 * Last activity: [14 years, 3 months ago](https://wordpress.org/support/topic/image-opacity-colour-effect/#post-2563102)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics