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!

Hello, Hello,

I know I am a bit late this party, but do you by any chance has any advice (or perhaps code) how to disable fade in of images when they load. I turned off all the animation and the pictures still fade in when first loaded. And they sometimes take quite some time to do so.

Is there anything that can be done about it?

Thanks a lot!

On 10/12/2023 at 10:13 PM, Goorg said:

Hello, Hello,

I know I am a bit late this party, but do you by any chance has any advice (or perhaps code) how to disable fade in of images when they load. I turned off all the animation and the pictures still fade in when first loaded. And they sometimes take quite some time to do so.

Is there anything that can be done about it?

Thanks a lot!

What is your site url? We can test code easier