Disable hover effects

  • Resolved garethpaul

    (@garethpaul)


    8 years, 6 months ago

    Hello,

    I’ve been able to remove the hover effects from the buttons below the feed, however am having trouble removing the effect from the images themselves.

    This question had been asked several months ago, and was resolved, however the below custom javascript code is not doing anything for me:

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

    Has the required code to do this changed?

    Best,
    Gareth

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Craig at Smash Balloon

    (@craig-at-smash-balloon)

    8 years, 6 months ago

    Hey Gareth,

    It looks like your snippet is using curly single quotes instead of normal single quotes. I’m wondering if this is triggering an error.

    Try this instead:

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

    Otherwise, feel free to send me a link to your page and I can take a look!

    – Craig

    Thread Starter garethpaul

    (@garethpaul)

    8 years, 6 months ago

    Hey Craig,

    This fixed it, thanks very much for your help!

    Cheers
    Gareth

    Plugin Contributor Craig at Smash Balloon

    (@craig-at-smash-balloon)

    8 years, 6 months ago

    No problem Gareth!

    Have a great rest of your week!

    capitaine_moyen

    (@capitaine_moyen)

    8 years, 4 months ago

    Hi, no fix for me but i do that in custom css and now is fixed : –>(15, 15, 15, 0);

    .entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
    -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0);
    box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0);
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
    }
    .entry-content a:hover, .entry-summary a:hover, .widget a:hover, .site-footer .widget-area a:hover, .posts-navigation a:hover, .widget_authors a strong {
    -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0);
    box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0);
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
    }

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Disable hover effects’ is closed to new replies.