Support » Fixing WordPress » Hover Image Change

  • Hi
    I’m working on a wp site and have a request to change an image in the right hand column when different links are hovered over in a list in the main content area. Any ideas on how I can do this? If you need more info just reply and I will respond.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi there,

    Can you please help us with the URL of the domain that you are referring to? Coz. it seems a little unclear to me from here about what you are exactly trying to mean by ‘when different links are hovered over in a list in the main content area’

    Look forward to your response.


    The site is under development so I can’t post the url, I’m looking for a way to load an image when a link is hovered over. So I have a list of links and each link will load its own image on hover.


    Try using and see if you achieve the expected.

    Note : It also depends upon the theme that you are using for your website.

    Please update here for progress.


    Hi Barb
    Thanks for that, I’m going to try a css solution to keep it simple, I’ll update on here when I have something.

    I’m quite new to the HTML & CSS scene, but this is how I would do it.

    Insert the image you want to appear / change upon hover anywhere on the page.


    <img class="cool-pic" alt="Ant Tylers Pic" src="" width="50" height="48" />


    .cool-pic:hover (a:hover if you're hovering over a link) {
      left: ???px ;
      bottom: ???px ;

    My knowledge of HTML / CSS is quite limited, but I imagine this works 🙂

    Feel free to correct me as well, we are all learning 🙂

    Thought I’d point out, you’d obviously change the height / width figures to the size of your imagine, they’re just an example.

    Thanks Sam, I’m working along the same lines

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Hover Image Change’ is closed to new replies.