How to remove hover color

  • Resolved Cecilia Manalac

    (@smakasnack)


    8 years ago

    Hello,

    Thanks for a great plugin!
    I was wondering how I remove the hover effect on the view more photos and follow us on instagram buttons I have added from your plugin? I have already selected a colour of the buttons but when hover over it goes slightly lighter which I would like to remove.

    Thanks in advance,
    Best regards
    Cecilia

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Craig at Smash Balloon

    (@craig-at-smash-balloon)

    Hey Cecilia,

    You could remove this with some CSS added to the “Custom CSS” area on the “Customize” tab:

    #sb_instagram #sbi_load a:hover {
  opacity: 1 !important;
}

    That should do it!

    Thread Starter Cecilia Manalac

    (@smakasnack)

    Thanks Craig, it works!
    I would like to do the same with the photos, now it goes slightly brighter when you hover over them, what CSS do I put it to remove it?
    Thanks in advance,
    Best regards
    Cecilia

    Plugin Author Craig at Smash Balloon

    (@craig-at-smash-balloon)

    No problem Cecilia!

    Try adding this to the “Custom Javascript” area:

    jQuery(‘.sbi_item’).each(function() {
    jQuery(this).find(‘a’).unbind(‘mouseenter’).unbind(‘mouseleave’);
    });

    Thread Starter Cecilia Manalac

    (@smakasnack)

    Yes! It worked ??
    Thank you so much, Craig for your help and once again for a great plugin!

    Plugin Author Craig at Smash Balloon

    (@craig-at-smash-balloon)

    No problem! Glad we could help you out. No obligation or anything, but we always appreciate reviews if you felt like leaving one.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to remove hover color’ is closed to new replies.