FussAF Posted November 28, 2022 Share Posted November 28, 2022 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? Link to comment
Ziggy Posted November 29, 2022 Share Posted November 29, 2022 Can you share your website URL? 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
FussAF Posted November 29, 2022 Author Share Posted November 29, 2022 https://amacon.squarespace.com/ Pass: AMACON Link to comment
Ziggy Posted November 29, 2022 Share Posted November 29, 2022 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
FussAF Posted November 29, 2022 Author Share Posted November 29, 2022 No, @Ziggy. I built it using Squarespace. No additional code yet. Link to comment
paul2009 Posted November 29, 2022 Share Posted November 29, 2022 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
FussAF Posted November 29, 2022 Author Share Posted November 29, 2022 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 Ziggy Posted November 29, 2022 Solution Share Posted November 29, 2022 Use this Custom CSS: .background-pause-button { display:none !important; } FussAF and LisaTH 1 1 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
FussAF Posted November 29, 2022 Author Share Posted November 29, 2022 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 Ziggy 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment