Remove 'Play-Button' from Background-Art

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?

Can you share your website URL?

https://amacon.squarespace.com/

Pass: AMACON

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

No, @Ziggy. I built it using Squarespace. No additional code yet. 

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  ⬇️

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? 

7 minutes ago, Ziggy said:

Use this Custom CSS:

.background-pause-button {
  display:none !important;
}

@Ziggy is a CSS God ! It worked. Thanks a lot 

I'm trying to achieve the same, but, the Custom CSS doesn't seem to be working for me. I suspect I might be doing something wrong-can someone help? (my website: https://manu-ux.squarespace.com/)

6 minutes ago, Manu_M said:

I suspect I might be doing something wrong-can someone help?

It looks like you're missing the !important from the code that's necessary for this to work.

I appreciate the quick reply, but I found my mistake! I had a floating bracket in my code that was causing errors.

31 minutes ago, Manu_M said:

I appreciate the quick reply, but I found my mistake! I had a floating bracket in my code that was causing errors.

Nice fix!