Jump to content

Lottie files .json animation adds extra spacing that shoudn't be there

Recommended Posts

Hi,

I'm making a website in Squarspace 7.1 using Lottie files for animations.

If I add a Lottie files animation it adds a big spacing below the animation that shoudn't be there. It looks like the size of the mention of "Embedded scripts" in edit mode stays in spacing below the animation if you save the website. With the exact same code and animation in Squarspace 7.0 I don't have this problem.

I hope someone can help me with this problem!

Thanks in advance.

 

Squarspace 7.1 (in progress)

https://arugula-smilodon-xzm7.squarespace.com/

password: CC2023

 

Squarspace 7.0 (live)

https://www.coencad.nl/

Exact same animation without extra spacing

 

 

Lottie files spacing edit mode.png

Lottie files spacing final result.png

Edited by coencadthijs
Link to comment

Add this to Custom CSS, refresh the page and then edit the page/block to shorten the block:

html.squarespace-damask .sqs-blockStatus, .sqs-block .removed-script {
  display: none !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) 
 🖼️ Pinch-to-Zoom Gallery Lightbox 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.