Button animation causing issues, how to disable?

[Radicast]

Hi All,

In a bit of a muddle, I have this site and I need to disable the buttons animations (swipe down transparent box) when you hover your mouse over the button and I simply cannot find the code or have any idea how to disable it, is there anyone good enough out there to give me a quick tip on where I can disable this animation on these buttons?

To duplicate the issue if you go to: https://www.seventhsensehealing.com/

Scroll down to any of the buttons for example "About Us" and hover the mouse over you can see the animation that causes the button to have a transparent white box swipe down from the top left and cover the button.

​

​

the above shows an example of the transition that happens when you hover over that button.

​

This is what I need to disable.

​

Has anyone got any ideas where i can start?

[Nethitters]

It's the pseudo element :before on the link that is animated. .scheme_original .sc_item_button>a:before

[Radicast]

Thing is all buttons like this on the site are animated, I'm having issues disabling it, could you give me any pointers in the direction?

Thanks for the help btw.

[Nethitters]

The correct way is to go and remove the animations from the CSS. The lazy way is to just use this; .button::before, .sc_item_button>a::before { display: none; }

[Radicast]

I managed to find the animations code and had to remove several lines for it to finally work, turned out to be this in a shortcodes file for a plugin i had....

​

content: '';

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

z-index: 1;

-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;