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?


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


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!


Share this post

Link to post

1 answer 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;;


Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post

Link to post

Create an account or sign in to comment

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

  • Create New...