Jump to content

Trying and failing to disable animations on a single page

Go to solution Solved by tuanphan,

Recommended Posts

url: https://ellipsoid-badger-r2lr.squarespace.com/services
pw: illi

Hello, I'm trying to disable the slide-up animation on the text boxes of the page listed above, or even the entire page.

I've tried this code several times, targeting the page, the sections, the text blocks themselves, and nothing is working.

#section-id * {
    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;
}

Thanks for your help. 🙂 

Edited by lindseyaz
clarity
Link to comment
  • Replies 5
  • Views 938
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

Add this to Design > Custom CSS

/* Services page - disable animation */
body#collection-63d8238b155d5d4716d57083 article * {
    transform: unset !important;
    opacity: 1 !important;
    transition: unset !important;
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 4/4/2023 at 1:42 AM, lindseyaz said:

That worked! Thank you!

Although now I am having a problem using the code on a different page that uses .png images, (the two black arrows at the top of the page) because it gives them a gray overlay as seen here: 

https://ellipsoid-badger-r2lr.squarespace.com/iam

pw: illi 

The site is expired. You can access this link to extend it for free

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...

Hello! 

I have been having a similar issue. I cannot seem to turn on the fade animation on a single page so my hover effect can work. Upon hovering over an image, text should appear, however due to the sitewide animation it is not working. I can also see the hover effect working in edit mode. 

Is there code I can use for this page to disable the fade animation?
https://fox-scarlet-93ee.squarespace.com/darksideangels/soulsisters

Password: Movement

Thanks

Link to comment
On 8/19/2024 at 1:03 PM, deegibson said:

Hello! 

I have been having a similar issue. I cannot seem to turn on the fade animation on a single page so my hover effect can work. Upon hovering over an image, text should appear, however due to the sitewide animation it is not working. I can also see the hover effect working in edit mode. 

Is there code I can use for this page to disable the fade animation?
https://fox-scarlet-93ee.squarespace.com/darksideangels/soulsisters

Password: Movement

Thanks

I don't see image on this page. Can you check it again?

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.