Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How Do I Remove Animation From One Page Only?


kristihoffman

Question

Site URL: https://www.susanswartz.com/available-work

Hello,

I have a newly published artist website, and the artwork is displayed by series on a portfolio page. When scrolling down, the images take quite a bit of time to load so that the page initially appears blank. After chatting with a Squarespace rep, I was advised to remove animations. I tested this, and while it was successful, it is a site-wide change. I am in search of a bit of code to add to this particular page to remove animation from this page only.

Any help is greatly appreciated!

K

Link to comment

6 answers to this question

Recommended Posts

  • 0

Does this work?

[data-section-id="5ea10d0c31650d63e22d108a"] .slideIn {
    opacity: 1 !important;
    transform: none !important;
}
[data-section-id="5ea10d0c31650d63e22d108a"] .preSlide {
    transform: none !important;
    transition-property: unset !important;;
}

 

Link to comment
  • 0
10 hours ago, bybridges said:

Didn't work for me. Hoping someone else might have an answer!

Try edit page >> Add a Code Block (anywhere) >> Paste this code >> Save & reload the site

<style>
  .slideIn {
    opacity: 1 !important;
    transform: none !important;
}
.preSlide {
    transform: none !important;
    transition-property: unset !important;;
}
</style>

If it doesn't work, pleaes share page url, we can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 2/24/2022 at 10:59 PM, coachfident said:

thanks @tuanphan. For me that didn't work. Do you have an idea what else could work? 

https://www.coachfident.net/karriere-beratungsgespraech-sichern

Try this new code (Design > Custom CSS)

body#collection-621780135963ec65b3fc29cc * {
    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...