Support » Plugin: Image Widget » Image Widget: Change color on hover like menu item

Viewing 2 replies - 1 through 2 (of 2 total)
  • Did you find a solution? I’m trying to do the same. I tried

    a:hover { color: #000; }

    but it’s a no go

    Joey

    (@leglesslizard)

    Hey,
    you can add in hover effects with a little css. You just need to grab the ‘id’ of the element (I believe it is an ‘aside’ element generated with the image widget plugin) you want to adjust (denoted below with the ‘#’), add the hover effect (:hover) and set the background color attribute to whatever you need. I added padding as well to add more room around the image so that the background effect was more prominent but may not be needed on your site.

    aside#widget_sp_image-2:hover {
        background-color: red;
        padding: 15px;
    }

    This can go into your theme file but on an update it will get overwritten. I recommend you have a read here http://codex.wordpress.org/Child_Themes and create a child theme to hold any custom styles and then it will not be affected by updates etc.

    Hope this helps.
    Regards,
    Joey

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image Widget: Change color on hover like menu item’ is closed to new replies.