Navigation
Archive / Change image on hover (Page 3)
This is archived content. Visit our new forum.
1 2 3
  • Author
    Posts
  • July 28, 2016 at 11:07 pm #1108233
    Friech
    Moderator

    Hi There,

    It seems your code is working. The image change to this: http://innerpeacecounselingservices.com/wp-content/uploads/2016/07/doihave-hdr.png

    When I hover.

    Please clarify, thanks.

    July 29, 2016 at 12:18 pm #1109084
    fewwill
    Participant

    I am using Firefox and the image is not appearing on hover for me. I only placed the code in for the very first image on the left to change from the “Get The Latest News” to the image you referenced above. I also tried it in internet explorer. I the tried it on a separate machine with the same results.

    July 29, 2016 at 6:16 pm #1109485
    Jade
    Moderator

    Hi there,

    Kindly provide us with your admin details so that we could check. Thank you.

    July 30, 2016 at 10:17 am #1110173
    fewwill
    Participant
    This reply has been marked as private.
    July 30, 2016 at 6:29 pm #1110433
    Rad
    Moderator

    Hi there,

    Yes, it’s not working on firefox and it’s not supported. How about this,

    .latest-image-class:hover img{
visibility:hidden;
}
.latest-image-class:hover {
background: url(http://yourfilename.jpg);
background-size: cover;
}

    Hope this helps.

    August 1, 2016 at 12:58 pm #1112394
    fewwill
    Participant

    Thank all of for your help. That worked perfectly. My issue has been resolved.

    August 1, 2016 at 1:05 pm #1112399
    Joao
    Moderator

    I am glad to see we managed to help.

    Let us know if we can help you with anything else.

    Joao

  • Author
    Posts
1 2 3
  • <script> jQuery(function($){ $("#no-reply-129136 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>