Treehouse: Grow your CSS skills. Land your dream job.

[Solved] [WordPress] Image:hover in sidebar

  • # September 23, 2010 at 9:56 am

    I’m using Image Widget (By Shane and Peter, Inc.) to add a image to sidebar, and then I used this to give it hover image.

    .widget_sp_image img:hover { content:url("pathtohoverimage/hover.png") }

    Put the problem is, that only Opera support this :D
    Any ideas how to do it more cross browser friendly? I have tried to find a widget for this, but haven’t found one.

    # September 23, 2010 at 11:14 am

    What happens to the image when you hover over it? As in, what effect are you trying to make?

    # September 23, 2010 at 12:38 pm

    Check “Free Beer” with Opera.

    # September 23, 2010 at 12:59 pm


    If it’s something that you have to update via the CSS anyways, there’s no point in using a widget to place it there, might as well just hard code it into the template. That way you can use CSS sprites instead.

    # September 23, 2010 at 1:04 pm

    Yeah, that’s the easiest way probably.

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

You must be logged in to reply to this topic.