Title: CSS image rollovers
Last modified: August 19, 2016

---

# CSS image rollovers

 *  [heavystone86](https://wordpress.org/support/users/heavystone86/)
 * (@heavystone86)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/css-image-rollovers/)
 * Hey everyone!
 * I have images attached to the posts on the homepage that are 960px across, but
   are two images 480px across that have been placed side-by-side in photoshop. 
   I set it up so that the image on the left shows up. I am looking for the place
   to change css so that when rolled-over, the background position moves to 480px
   to show the other image. Can anyone help?

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

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/css-image-rollovers/#post-1401104)
 * Try googling on “css sprites”.
 *  Thread Starter [heavystone86](https://wordpress.org/support/users/heavystone86/)
 * (@heavystone86)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/css-image-rollovers/#post-1401136)
 * Thank you for such quick response. I know to use the css sprites, but I am having
   difficulty finding where to put the code for the theme. I feel like I’ve tried
   putting the code (background-position: 480px 0px no-repeat;) in every part of
   the css for autofocus.

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

The topic ‘CSS image rollovers’ is closed to new replies.

## Tags

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

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [heavystone86](https://wordpress.org/support/users/heavystone86/)
 * Last activity: [16 years, 3 months ago](https://wordpress.org/support/topic/css-image-rollovers/#post-1401136)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics