Navigation
Archive / Change the hover color from grey on images with links
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 25, 2016 at 9:41 am #898699
    Johanschack
    Participant

    Hey guys,

    It’s probably very simple but I can’t figure it out :O

    When i hover over some grey images they become a little lighter. could it be possible to make the hover color to the color code ‘6481a6’ instead? I have attached two images showing the images with and without hovering.

    Thanks
    Johan

    April 25, 2016 at 9:43 am #898703
    Johanschack
    Participant

    Images were too big :O

    April 25, 2016 at 10:09 pm #899625
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    April 26, 2016 at 6:32 am #900115
    Johanschack
    Participant
    This reply has been marked as private.
    April 26, 2016 at 11:45 pm #901450
    Rupok
    Member

    Hi there,

    Thanks for writing back! You are using image not icon so it’s not possible to change the color on hover. It’s becoming light by changing the opacity with the below code :

    a.x-img:hover:not(.x-img-thumbnail) {
  opacity: 0.75;
}

    So if you want to change the background then use a Icon and set background color to them.

    Hope this makes sense.

    Cheers!

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