Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 27, 2015 at 4:54 pm #403505
    champlainconted

    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, 1 month ago by champlainconted. Reason: fixed broken link
    February 27, 2015 at 5:01 pm #403508
    Yigit

    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

    February 27, 2015 at 5:40 pm #403549
    champlainconted

    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

    February 27, 2015 at 5:57 pm #403558
    Yigit

    Hey!

    Please add following code as well

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

    Regards,
    Yigit

    February 27, 2015 at 5:59 pm #403560
    champlainconted

    That did it! Issue resolved, thanks.

  • Author
    Posts
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.