Adding Scrolling Text in Squarespace: Easy Steps and Tips
NEW COMMUNITY!
I am launching my premium community to help you solve your biggest headaches when building your website or starting a web design business. If you would like to find out more, you can join the waitlist here:
https://community.pixelhaze.academy/i...
Check Out Square Forge, our Squarespace Template Builder: https://squareforge.net
In this tutorial, Elwyn Davies shows how to add scrolling text to a Squarespace website. He starts by demonstrating the basics, creating scrolling text in its own section, and then expands it to the full page width. Elwyn discusses the importance of not overusing animations to avoid a cluttered look. He gives a step-by-step guide on adjusting section heights, duplicating text blocks, and customizing text settings. This includes changing text speed, creating wave effects, and pausing text on hover. Finally, Elwyn previews the changes in mobile view and shares information about the Pixelhaze Academy community, where users can find more tutorials and support for website building.
00:00 Introduction to Scrolling Text
00:14 Setting Up the Basics
00:22 Avoiding Overcrowded Animations
00:47 Creating a Scrolling Text Section
01:20 Customizing Text Blocks
02:13 Advanced Design Settings
03:04 Adding Scrolling Text to a Demo Page
04:35 Mobile View Adjustments
05:14 Conclusion and Additional Resources
We also have a free Skool community dedicated to website builders, including Squarespace, Wix (from Autumn 2024) and Hostinger here:
https://www.skool.com/website-builder...