Navigation
Archive / Change on Hover Image Color
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 31, 2016 at 6:36 am #1237717
    tats86
    Participant

    Hello,

    I want to change the hover-over color on an image. I can easily change the opacity level, but am not sure how to change the color. From previous threads I read, I added a class to my image (change-on-hover)
    And used this code in the Custom CSS:

    .change-on-hover a:hover img {
    opacity: 0.8;
    background-color: #25af8f;
    }

    Can you tell me what I’m doing wrong? This is not applying to my image.

    Thank you!

    October 31, 2016 at 7:01 am #1237740
    Thai
    Moderator

    Hi There,

    Please provide us with your website URL so we can take a closer look.

    Thanks.

    October 31, 2016 at 8:05 am #1237786
    tats86
    Participant

    Hi, my URL is http://aimetamarque.com/
    Thank you!

    October 31, 2016 at 8:38 am #1237815
    Thai
    Moderator

    Hi There,

    Please try with this CSS instead:

    a.change-on-hover:hover {
    background-color: #25af8f;
}
a.change-on-hover:hover img {
    opacity: 0.8 !important;
}

    Hope it helps 🙂

    October 31, 2016 at 9:02 am #1237849
    tats86
    Participant

    Awesome, works like a charm!
    Thank you so much

    October 31, 2016 at 9:24 am #1237872
    Thai
    Moderator

    Glad we’re able to help 🙂

    If you need anything else please let us know.

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