Jump to content

Remove homepage animations (even though it is turned off in site styles)

By georgiamartin, in Customize with code

Go to solution Solved by SaranyaDesigns,

Recommended Posts

georgiamartin Level 2

georgiamartin

Posted
Posted

I am trying to turn off the animations to my entire homepage on my site so it is all loaded at the same time. 

I have tried a few of the custom coding posted on here but it doesn't 100% work - this was the closest but it added a transparent dark block over all my elements: 

    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;

Thank you for the help!

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

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

georgiamartin
georgiamartin

Perfect! Thank you so much 🙂 

  • Solution
SaranyaDesigns Level 5

SaranyaDesigns

Posted
  • Solution
Posted

@georgiamartin I think the CSS transitions are set on the following classes, try applying your code to these selectors? 

.image-block-outer-wrapper.combination-animation-slide-up .image-inset, .image-block-outer-wrapper.combination-animation-slide-up .image-block-wrapper, .image-block-outer-wrapper.combination-animation-slide-up .sqs-image-content, .image-block-outer-wrapper.combination-animation-slide-up .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-slide-up .sqs-dynamic-text-container {
    transition: none !important;
    will-change: unset !important;
    opacity: 1 !important;
    transform: none !important;
}

 

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources