Jump to content

Remove 'Play-Button' from Background-Art

Go to solution Solved by Ziggy,

Recommended Posts

Blessings upon everyone who reads this message.

 

I encounter some trouble removing a button on the page. 

When I use "Edit Section -> Background -> Art", an extra button appears on the page. 
It's the button to Play / Stop animations. Is there any way to remove this?


I managed to find it using 'Inspect Element', but I am not able to remove/ hide it. 
Could you please help a friend?

Play Animation.PNG

background play.PNG

Link to comment

Have you got any code in the advanced page code injection? Did someone build this site for you?

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 Did I help? Buy me a coffee?

Link to comment
22 hours ago, FussAF said:

When I use "Edit Section -> Background -> Art", an extra button appears on the page. 
It's the button to Play / Stop animations. Is there any way to remove this?

The button is there to allow users to pause the animations. This is because animations can ruin the user experience for many people. In fact, animation can make for a distracting, uncomfortable, or outright intolerable experience when users have a disability.

As a minimum, you should always include play-pause option for any non-essential element that flickers or moves across the screen. For more information see the Web Content Accessibility Guidelines (WCAG).

Did this help? Please give feedback by clicking an icon below  ⬇️

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment
1 minute ago, paul2009 said:

The button is there to allow users to pause the animations. This is because animations can ruin the user experience for many people. In fact, animation can make for a distracting, uncomfortable, or outright intolerable experience when users have a disability.

As a minimum, you should always include play-pause option for any non-essential element that flickers or moves across the screen. For more information see the Web Content Accessibility Guidelines (WCAG).

Did this help? Please give feedback by clicking an icon below  ⬇️

Thanks. You are right. But is there any way to hide the button? 

Link to comment
  • Solution

Use this Custom CSS:

.background-pause-button {
  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 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (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.