Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #403505

    When I click on a button, it has this little animation where it bounces up a few pixels, then returns down. It’s nice, but it shifts the rest of the page content when it does that. How do I prevent the shifting? If it’s not easy to fix, please simply let me know how to disable the animation so none of the buttons have it. Thanks!

    You have access to my site in the private section – simply spam the button on Test Page 2 to see what I mean.

    • This topic was modified 9 years, 8 months ago by champlainconted. Reason: fixed broken link
    #403508

    Hey champlainconted!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia-button:active { border-top-width: 0; }

    Cheers!
    Yigit

    #403549

    Hi Yigit,

    Thanks, the top border doesn’t shift anymore… but the bottom one does. You can see if you want, site has been updated. How do we prevent the shifting of the bottom? I tried searching for that class in Enfold’s files, but “border-width-bottom” is already set to 0px, so not sure what’s doing it.

    Thanks,

    Matt

    #403558

    Hey!

    Please add following code as well

    .avia-button:active { border-bottom-width: 1px; }

    Regards,
    Yigit

    #403560

    That did it! Issue resolved, thanks.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Disable the button's onclick effect, or prevent shifting of content below’ is closed to new replies.