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)
Spark Plugin (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  ⬇️

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

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)
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.