.png?table=block&id=218105a2-9d95-81f8-8533-df578e7e243c&cache=v2)
Last Edited Time
Jun 25, 2025 09:35 PM
Do not index
Do not index
Suggested Tag
scrolling text blocks
squarespace
user experience
Tags Synced
Tags Synced
AI summary
Create scrolling text blocks in Squarespace to highlight key information by adding and editing text, customizing design, and ensuring accessibility. Adjust scroll behavior and test on various devices for optimal user experience.
Last edited by
Platform
Category
Topic
How to Add Scrolling Text Blocks in Squarespace
What Are Scrolling Blocks?
Scrolling blocks in Squarespace are content elements that move text horizontally across your screen, like a news ticker. They're brilliant for drawing attention to key information or adding a unique visual element to your site.
Setting Up Your Scrolling Block
Adding and Editing Text
- Edit your page or post, click 'Add Block' or an insert point, then select 'Scrolling'
- Click the pencil icon to open the Block Editor
- In the Content tab, add or edit your text items
- Add a clickable web address in the Link field if you want to make items clickable
Organising Your Content
Your scrolling block starts with two default items. Add more by clicking 'Add Item', or edit existing ones by selecting them.
To rearrange items, click and drag using the :: icon to get them in the order you want.
Customising Your Design
Text Style and Colours
- Go to the Design tab to set text style and size (choose from Paragraph or Heading options)
- Change text and background colours through your site styles
Scroll Behaviour
- Adjust scroll direction and speed to match your site's feel
- Turn on 'Pause on hover' so users can read content when they hover over it
- Use 'Fade at edges' for a smoother visual effect
- Fine-tune item spacing to fit your design
Advanced Effects
If you're using Fluid Engine sections, you can experiment with Stroke, Blend Mode, and Blur effects for more sophisticated designs.
Quick tip: Keep accessibility in mind when setting up scrolling blocks. Some users might have motion sensitivity or use devices where these effects don't work properly.
Common Questions
Can I add clickable links to scrolling blocks?
Yes, use the Link field in the Content tab to make your scrolling text clickable.
How many items can I include?
There's no set limit, but keep it practical. Too many items can slow down the scroll or overwhelm visitors.
Can I customise text appearance?
Absolutely. You can adjust text style, size, colour, and even add advanced effects in Fluid Engine sections.
Do scrolling blocks work on mobile?
They work on most mobile devices, but the experience might vary. Always test your scrolling blocks on different devices to make sure they work well for all visitors.
Key Terms
Block Editor - The tool in Squarespace for adding, editing, and customising content blocks on your site.
Fluid Engine Sections - Advanced areas in Squarespace that let you add effects like strokes, blend modes, and blur.
Getting the Balance Right
Scrolling blocks can really improve your site's visual appeal and keep visitors engaged. The trick is balancing looks with function - make sure your scrolling text enhances your message without making it harder for people to use your site. Test on different devices and consider users who might need to turn off motion effects for accessibility reasons.