changing featured image when hovered over it

  • Hi Fotis,

    I would like to be able to display a different image when I hover over my featured image.

    I know I likely need to add some CSS, but I probably need to code the image in somewhere.

    The page I need help with: [log in to see the link]

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

  • Hi there,
    I am afraid this quite complex to achieve, a quick hack could be this:

    .post-XX .entry-featured:hover {
    background:url(your image full url);
    background-size:cover;
}
.post-XX .entry-featured:hover img {
    visibility:hidden;
}

    in your custom CSS box where XX your post ID you need the featured image to change on hover.

    Have a look here https://www.cssigniter.com/kb/how-to-find-the-post-id/ on how to find that ID.
    Let me know if this works, or if I can help out more.

    Thread Starter geigs12

    (@geigs12)

    I would have to add a new entry for every post with this, correct?

    Hi there,
    I am afraid yes, unless you need the same hover image in all featured images. I suggest checking for a plugin that might help (if anything useful exist).

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘changing featured image when hovered over it’ is closed to new replies.