Scrolling text
Scrolling text (a marquee) runs text and small images across the page. It can speed up and reverse with page scroll, pause on hover and tilt slightly.
How to set it up
Step 1: Add the Scrolling text section
- In the theme editor, open the page you want and click Add section under Template.
- Search for Scrolling text and select it (1).
Step 2: Set the motion
- Pick a Separator (1), the Speed and Direction, and turn on React to page scroll and Pause on hover.
Step 3: Add items
- Add Text blocks (with a style: solid, outline, highlight, italic or muted, and a link) and Image blocks.
Settings reference
Scrolling text
| Separator | Options: Icon, Dot, None. |
|---|---|
| Separator icon | Requires separator to be "Icon". Options: None, Check, Star, Heart, Sparkle, Bolt, Leaf, Globe, Clock, Chat, Mail, Location, Phone, Tag, Gift, Eye, Layers, Shipping, Returns, Warranty, Protection, Refresh, Package, Cart, Headphones, Earbuds, Speaker, Waveform, Noise cancelling, Microphone, Volume, Bluetooth, Battery, USB-C, Plug, Power, Chip, Wi-Fi, Signal, Screen, Phone, Camera, Water resistance, Temperature, Gauge, Gear, Wrench, Hammer, Dimensions, Weight, Precision, Cube. |
| Custom separator icon | Replaces the icon. Use a square SVG or PNG. |
| Separator icon size | Used by the small label size. Larger sizes scale the icon with the text. |
| Speed | Slider. |
| Direction | Options: Left, Right. |
| React to page scroll | Scrolling speeds up the text and reverses it when scrolling up. |
| Pause on hover | Turns this on or off. |
| Slight tilt | Turns this on or off. |
Text block
| Text | |
|---|---|
| Style | Options: Solid, Outline, Highlight, Italic, Muted. |
| Link | Where the link goes. |
Image block
| Image | An image from your files. |
|---|
Section width, corners, padding, color scheme, divider and visibility work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.
How it works
- The marquee pauses when it is off screen, and for visitors who prefer reduced motion.