Disable individual Flex site-wide animations

Site URL: http://thatflowershopwyo.com

Overall, I like the Flex site-wide animation style, but I want to disable the button, navigation, and text link animations with CSS.

I want the fill of the buttons to change to black on hover, but I don't want it to slide in with the extra animation.

As far as the header nav links go, I already added an underline animation to my header links so it's doubled when the flex animations are turned on. I don't actually mind keeping that flex animation and just getting rid of the other CSS I added if I could just make the underline a few px thicker.

For the body links, I just want to get rid of animation entirely so that they don't change color on hover anymore.

Add to Design > Custom CSS

div.header-nav-item a:after {
    display: none !important;
}
.button-block a:before {
    display: none;
}

On 9/23/2022 at 8:54 PM, tuanphan said:

Add to Design > Custom CSS

div.header-nav-item a:after {
    display: none !important;
}
.button-block a:before {
    display: none;
}

 

Decided to just leave the button animations, but the nav code worked great. Thank you for the help!