Jump to content

How do I remove site-wide animation from one image

Go to solution Solved by cjp2380,

Recommended Posts

Hi,

My client's site has animation applied but she has a logo on the homepage that she wants fixed and to not animate.

I have tried various codes but I cannot get it to stop animating!

It is the circular logo on the homepage that overlaps 2 sections after the hero section (see image).

Any help gratefully received!

Thanks

password: ashley

Screenshot 2023-03-27 at 11.42.30.png

Link to comment
  • Replies 5
  • Views 162
  • Created
  • Last Reply

Top Posters In This Topic

Have you tried this?

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

Obviously you'll need to replace the block ID 🙂

Sam Crawford | by Crawford.
 
Multi-award-winning Squarespace expert
 
💸 How I make $500k/year designing Squarespace websites: Watch the video
📱 Hire me to build your Squarespace website: calendly.com/bycrawford/call
 
Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need.
Link to comment
  • 2 weeks later...

Hi @tuanphan

I still haven't managed to resolve this animation issue.

The website URL is https://a-portrait-co.squarespace.com/the-team

Password: ashley

My client wants the testimonial section to not animate on The Team page - at present it slides up for the first 3 slides and then reverts to carousel. I've attached an image.

She also does not want the logo on the homepage which overlaps two sections (see image in first comment) to animate but be static yet the text below and image to continue to slide up.

I'd be very grateful if you'd take a look!

Thanks

Screenshot 2023-04-11 at 06.45.46.png

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.