Jump to content

Issue with removing page animation from objects

Recommended Posts

Hi there,

This might be a silly question but I really am having trouble.
I added a shape as my background to give the page/each section an inset look I desired and now I would like it so that those shapes don't animate when the page is loaded. 
I am trying to use this code:

#BLOCK-ID * {
transform: unset !important;
transition: unset !important;
transition-delay: unset !important;
}

with my block ids:

#block-yui_3_17_2_1_1696430423704_5759
#block-59f30fa9921ea6087683
#block-5953a32fa80918c6927b
#block-0e4919313a082c0e0d6a
#block-7f407e1687d75102982f
#block-e1c45c47191947fefec1

but I am having no luck! Can anyone tell me what I am doing wrong or point me in the right direction?
Thank you!

Link to comment
  • Replies 4
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

I find this code rather unpredictable, but putting it all together your code should look like this, hopefully it'll work for you:

#block-yui_3_17_2_1_1696430423704_5759 *, #block-59f30fa9921ea6087683 *, #block-5953a32fa80918c6927b *, #block-0e4919313a082c0e0d6a *, #block-7f407e1687d75102982f *, #block-e1c45c47191947fefec1* {
  transform: unset !important;
  transition: unset !important;
  transition-delay: unset !important;
}

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
10 hours ago, Jamalifardnazie said:

The transition sadly still happens. Do you have any other recommendations?

Sorry, like I said I don't find that this code works very well if at all, I don't have anything better.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.