Navigation
Archive / changing image on hover
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 21, 2017 at 6:06 am #1379645
    kahirko
    Participant

    Hello. I have a few monochrome logos of project partners in website footer. I would like them to change to color ones on hover. I found several threads in the forum with this topic, so I tried your solution, but it does not work for me. I added a different class to every image (step 1) and then added your proposed code into custom css (step 2).

    step 1:

    step2:
    .fbs:hover {
    content: url(http://rulersopen.com/wp-content/uploads/2017/02/FBS.png);
    z-index: 999;
    display: inline-block;
    }

    Login credentials in following private post.

    February 21, 2017 at 6:08 am #1379646
    kahirko
    Participant
    This reply has been marked as private.
    February 21, 2017 at 7:12 am #1379710
    Lely
    Moderator

    Hi There,

    The image is changing on hover when I checked. See this:http://screencast-o-matic.com/watch/cbnrIX6DIJ
    Please try to clear browser cache and then check again.

    February 21, 2017 at 7:24 am #1379722
    kahirko
    Participant

    Oh, tried it on Chrome and it really works. It does not in Firefox which I use. Do you have any solution to that?

    February 21, 2017 at 8:37 am #1379828
    Joao
    Moderator

    Hi There,

    I have tested on Firefox and it does work.

    Please clean your browser cache and test it again.

    Thanks

    February 21, 2017 at 9:27 am #1379932
    kahirko
    Participant

    I did and nothing happened! Well, it seems like the problem is on this end, so I just rely on what you said – that it works. Thank you.

    February 21, 2017 at 9:37 am #1379950
    Joao
    Moderator

    Hi There,

    Let us know if you need further help with this matter or any other.

    Joao

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