WordPress.com Forums » Topic: CSS image hover http://en.forums.wordpress.com/topic/css-image-hover WordPress.com Forums » Topic: CSS image hover en Wed, 22 May 2013 09:43:24 +0000 http://bbpress.org/?v=1.1-alpha-2539 designsimply on "CSS image hover" http://en.forums.wordpress.com/topic/css-image-hover#post-937998 Mon, 09 Jul 2012 19:09:31 +0000 designsimply 937998@http://en.forums.wordpress.com/ I checked http://www.girlavantgarde.com/ and I found that site is setup using WordPress software, but it is not hosted here at WordPress.com. See http://support.wordpress.com/com-vs-org/ to learn about the differences.

Can you please ask in the volunteer WordPress.org forums if you need further help? Support for WordPress.org blogs is done at http://wordpress.org/support/

]]> girlavantgarde on "CSS image hover" http://en.forums.wordpress.com/topic/css-image-hover#post-935249 Fri, 06 Jul 2012 17:13:47 +0000 girlavantgarde 935249@http://en.forums.wordpress.com/ The css coding I've come up with is:
.widget {
display: block;
width: 100px;
height: 100px;
background: url('/path/to/myImage.png') bottom;
text-indent: -99999px;
}
.widget:hover {
background-position: 0 0;
}

However, I'm having trouble figuring out where to put this in my style sheet, and also if there is something overriding it that is causing it not to work.

]]> girlavantgarde on "CSS image hover" http://en.forums.wordpress.com/topic/css-image-hover#post-934599 Fri, 06 Jul 2012 02:15:36 +0000 girlavantgarde 934599@http://en.forums.wordpress.com/ I am using the forever theme. In my sidebar I have a couple of images (as widgets) which link, when clicked, to other sites. I'd like to have another image (same picture different color) replace the current image when it is hovered over. After I've added the new image to my media file, what css coding do I use to create the hover image?

]]>