Disable site-wide animation for specific elements

Site URL: https://hyperboloid-finch-3kll.squarespace.com/

I have site-wide animation enabled but want to disable it for the text + button of a specific section on one page. I've tried using data-section-id to target it but either my code was wrong or it didn't work. See attachment for the section in question - it's at the bottom of the "About" page. Any help would be much appreciated! Site password is "preview".

@bangank36 Yes this was the solution! Thank you so much 🙂

On 10/28/2020 at 5:31 PM, bangank36 said:

Hello there,

1. You can find the block id using Find Squarespace Ids Chrome extension

2. All the animation has same class name so disable for that block like

section[data-section-id="5f971ec784fb155f387c538c"] .preFade {
    transition-property: none;
}

Hi @bangank36 - I am trying to implement a custom fade in feature via code-block, which works when the site-wide animation is disabled, but once I enable it it seems that my custom animation can't override the site-wide one...

Do you have any thoughts on if there's a solution to this? Here is the site (pw = test), and here is a loom video showing how the animation works when sitewide anim is disabled.

Thank you!

1 hour ago, MayaViolet said:

Hi @bangank36 - I am trying to implement a custom fade in feature via code-block, which works when the site-wide animation is disabled, but once I enable it it seems that my custom animation can't override the site-wide one...

 

Do you have any thoughts on if there's a solution to this? Here is the site (pw = test), and here is a loom video showing how the animation works when sitewide anim is disabled.

 

Thank you!

I check that the text is still animated now. Have you figured it out?

On 10/21/2022 at 6:26 PM, bangank36 said:

I check that the text is still animated now. Have you figured it out?

Quote

 

I did figure it out, thank you! 

I ended up applying a transition-property (instead of an animation property) to override the ones applied by SS's sitewide animation. Thanks for checking in!