Disable Fadein / Appearing of specific elements

Site URL: https://wisteria-panda-z2eg.squarespace.com/

(pw: rotorrotor)

Dear All,

I have a footer menu (basic html element) at the very bottom of my website:

When I scroll down my website top to bottom, each element appears one after the other, the footer menu being the very last.
Is it possible to disable the "appearing" effect for this element, because it is too important for people to wait for it. I would like them to see it right away.

I already tried to disable transition-timing-function as well es delay and duration, with no success:

.footermenue {
    ...
    a {transition-timing-function: none!important; 
       transition-duration: 0s!important;
       transition-delay: 0s!important;
    }
  }

Any hints would be much appreciated!

Best,
Gregor

Add to Home  >Design > Custom CSS

/* Disable footer link animation */
div#block-yui_3_17_2_1_1598901933163_15272 * {
    transition-delay: unset !important;
    transition-duration: unset !important;
    opacity: 1 !important;
}

Great. Thank you so much!

Hi there, I think I have a similar thing. 

https://groundhog-wedge-8k5h.squarespace.com/ Password: Plat

I want all the animation disabled in my footer and I tried checking the other forum post's code but it doesn't seem to work. Can anyone help me with this?

2 hours ago, TiffanyL said:

Hi there, I think I have a similar thing. 

https://groundhog-wedge-8k5h.squarespace.com/ Password: Plat

I want all the animation disabled in my footer and I tried checking the other forum post's code but it doesn't seem to work. Can anyone help me with this?

try this CSS

/* Disable footer animation */
footer.sections * {
    transition-delay: unset !important;
    transition-duration: unset !important;
    opacity: 1 !important;
}

I added it, animation is still going 😞

23 hours ago, TiffanyL said:

I added it, animation is still going 😞

Try this new code

footer.sections * {
    transition-delay: unset !important;
    transition-duration: unset !important;
    opacity: 1 !important;
    animation-duration: unset !important;
}

Works like a charm, thanks so much!