[squarespace 7.1] Disable footer from site-wid animations

Hi there, is it possible to disable the site wide animations from affecting the contents within my site footer?

Any help greatly appreciated.

Can you share link to your site? I can take a look

My idea is use CSS/JS to remove animation class on only footer

Hi Tuanphan, thanks for the reply. That sounds like a good plan! Here's a link to the site. Password is Password . 

https://round-chiton-dymz.squarespace.com

2 hours ago, sitehut said:

Hi Tuanphan, thanks for the reply. That sounds like a good plan! Here's a link to the site. Password is Password . 

 

https://round-chiton-dymz.squarespace.com

Add to Home > Design > Custom CSS

footer#footer-sections * {
    opacity: 1 !important;
    transition: unset !important;
}

@tuanphan you're the man! This worked perfectly, thank you! 

@tuanphan that did indeed work, however it also disables other animations I use in the footer, for example I use the following code to animate links when they are hovered:

/* Link hover transition */

a {
	transition: 0.4s !important;
}

Is it possible to disable the site-wide 'slide'  from the footer, while still enabling the hover transition code? Thanks in advance! 

3 minutes ago, sitehut said:

@tuanphan that did indeed work, however it also disables other animations I use in the footer, for example I use the following code to animate links when they are hovered:

/* Link hover transition */

a {
	transition: 0.4s !important;
}

Is it possible to disable the site-wide 'slide'  from the footer, while still enabling the hover transition code? Thanks in advance! 

footer#footer-sections * {
    opacity: 1 !important;
}

@tuanphan That almost works, however the slide transition is still occurring, it just doesn't fade/ease in - I've left this active if you wanted to see what I'm referring to (You have to immediately scroll to the footer to see the problem occur).

@tuanphan ah, I figured it out! I changed the 'transition: unset;' to 'transition; none', which seems to have resolved this issue. Thanks again my friend!

Thank you! That piece of coding helped me disable the Fluid Engine site wide animation from my footer. So helpful. Super appreciate it!