Title: Transparent Featured Image Hover Code
Last modified: August 21, 2016

---

# Transparent Featured Image Hover Code

 *  [Calberici1](https://wordpress.org/support/users/calberici1/)
 * (@calberici1)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/transparent-featured-image-hover-code/)
 * I just wanted to know if I could make the featured image semi transparent when
   someone hovers over to click on it.
 * I want to get rid of the project titles so that it can be all about the imagery,
   but when I take away the title what’s left is the solid grey box when hovering
   over to click.
 * Any help with this would be greatly appreciated!
 * Here is the website:

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

 *  [Andre](https://wordpress.org/support/users/creativedreams91/)
 * (@creativedreams91)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/transparent-featured-image-hover-code/#post-4766342)
 * I didn’t get the website. Its not showing. I would like to help.
 *  [Adrian Houle](https://wordpress.org/support/users/adrian-houle/)
 * (@adrian-houle)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/transparent-featured-image-hover-code/#post-4766364)
 * You forgot to link the website.
    But you should be able to set opacity on hover
   events.
 * [http://www.w3schools.com/cssref/sel_hover.asp](http://www.w3schools.com/cssref/sel_hover.asp)
   
   [http://www.w3schools.com/css/css_image_transparency.asp](http://www.w3schools.com/css/css_image_transparency.asp)
   [http://css-tricks.com/css-transparency-settings-for-all-broswers/](http://css-tricks.com/css-transparency-settings-for-all-broswers/)
 *  Thread Starter [Calberici1](https://wordpress.org/support/users/calberici1/)
 * (@calberici1)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/transparent-featured-image-hover-code/#post-4766400)
 * [http://www.artofchristina.com](http://artofchristina.com/)
 * Thank you so much! (I don’t know why it’s not showing)
 *  Thread Starter [Calberici1](https://wordpress.org/support/users/calberici1/)
 * (@calberici1)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/transparent-featured-image-hover-code/#post-4766401)
 * Also I’m sorry to bother again but where would I put an opacity code in the editor
   for the featured images?
 *  [Adrian Houle](https://wordpress.org/support/users/adrian-houle/)
 * (@adrian-houle)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/transparent-featured-image-hover-code/#post-4766403)
 * You have a CSS editor then?
 * You should learn to use the chrome developer tool and then you could figure this
   out on your own.
 *     ```
       #project-float-2 > a > img:hover {
       opacity: 0.5;
       }
       ```
   
 * Also I just noticed as I tried this out that it does not look good. It must have
   something to do with the way opacity actually works. I wonder if you need a background
   for the images to create the effect you want. I’m just a programmer so arts not
   my thing, but given this tool maybe you can figure out how to mix the colors 
   to get what you want.

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

The topic ‘Transparent Featured Image Hover Code’ is closed to new replies.

## Tags

 * [featured image](https://wordpress.org/support/topic-tag/featured-image/)
 * [grey box](https://wordpress.org/support/topic-tag/grey-box/)
 * [image](https://wordpress.org/support/topic-tag/image/)
 * [Transparency](https://wordpress.org/support/topic-tag/transparency/)

 * 5 replies
 * 3 participants
 * Last reply from: [Adrian Houle](https://wordpress.org/support/users/adrian-houle/)
 * Last activity: [12 years, 2 months ago](https://wordpress.org/support/topic/transparent-featured-image-hover-code/#post-4766403)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics