Navigation
Archive / Remove hover effect on image links
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 20, 2016 at 12:42 am #891240
    Buttermelts
    Participant

    Hello,

    I was wondering how I would go about removing the hover effect from an image link. I’ve set its class to img_link and used the following in custom CSS:

    a.img_link:hover {
    opacity:1;
    }

    This doesn’t appear to have any effect. Can you please advise? Thanks

    April 20, 2016 at 12:45 am #891245
    Buttermelts
    Participant
    This reply has been marked as private.
    April 20, 2016 at 8:12 am #891746
    Zeshan
    Member

    Hi there @Buttermelts,

    Thanks for writing in!

    To remove the hover effect from the images, please try this CSS code instead:

    a.img_link:hover,
a.x-img:not(.x-img-thumbnail):hover {
  opacity: 1;
}

    Thank you!

    April 20, 2016 at 10:39 pm #892920
    Buttermelts
    Participant

    Works perfectly, thank you!

    April 21, 2016 at 6:22 am #893451
    Paul R
    Moderator

    You’re welcome! 🙂

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