Title: Simple rollover mouse effect
Last modified: August 20, 2016

---

# Simple rollover mouse effect

 *  [echofestival](https://wordpress.org/support/users/echofestival/)
 * (@echofestival)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/simple-rollover-mouse-effect/)
 * Hi there,
 * On my home page – [http://www.echofestival.com](http://www.echofestival.com),
   if you scroll to the middle of the page I have 9 boxes – Our Family, About, Gallery
   etc.
 * Basically, I would like to apply a simple hover-over effect which would change
   the opacity of the image, so that when the mouse is over the image, the image
   turns grey.
 * Any ideas for simple simple?
 * all help appreciated. Cheers
 * _[[no bumping please]](http://codex.wordpress.org/Forum_Welcome#No_Bumping)_

Viewing 1 replies (of 1 total)

 *  Thread Starter [echofestival](https://wordpress.org/support/users/echofestival/)
 * (@echofestival)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/simple-rollover-mouse-effect/#post-2626855)
 * Ok so I the following code in my stylesheet and placed it underneath the small
   Homepage section.
 * The code:
 * > img:hover
   >  { opacity:0.5; filter:alpha(opacity=100); /* For IE8 and earlier*/}
 * Which works fine for the 9 boxes on the homepage, but it applies to all the images
   in the theme/website, when I only want it to apply to images on the **homepage.**
 * Having said that, I would actually like the code to apply to **all images which
   link to a website.** Is there a small snippet which I can add to the code?

Viewing 1 replies (of 1 total)

The topic ‘Simple rollover mouse effect’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 1 participant
 * Last reply from: [echofestival](https://wordpress.org/support/users/echofestival/)
 * Last activity: [14 years, 3 months ago](https://wordpress.org/support/topic/simple-rollover-mouse-effect/#post-2626855)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics