The Marquee Block creates engaging horizontal scrolling content displays perfect for testimonials, announcements, featured content, or any content that benefits from continuous horizontal movement.
What Can You Do With It?
- Smooth scrolling – Content moves beautifully across the screen
- Control the speed – Make it fast, slow, or anywhere in between
- Choose direction – Left to right, or right to left
- Pause on hover – Stops when someone hovers over it (super user-friendly!)
- Put anything inside – Text, images, buttons, you name it!
Adding an Marquee Block
- Click the “+” button in your editor
- Search for “Marquee”
- Click to add it to your page
Or just type “/marquee” in an empty block – super quick!
Basic Settings
Direction: Pick whether content moves left or right
Speed: Drag the slider to control how fast it moves (1 = super slow, 100 = lightning fast)
Pause on Hover: Turn this on so people can actually read your content when they hover over it
Gap: Space between repeated content (default is 40px, but you can adjust it)
Adding Your Content
The cool thing about the Marquee Block? You can put ANY WordPress block inside it! Here are some ideas:
- Text blocks – Paragraphs, headings, lists
- Media – Images, videos, galleries
- Interactive stuff – Buttons, forms
- Other custom blocks – Like our Icon Block
- Layout blocks – Columns, groups, containers
Content Tips
- Keep it short – People are more likely to read brief content
- Be consistent – Use similar styling across all your items
- Make it readable – Good contrast and clear fonts
Great Use Cases
Testimonials
Perfect for showing off what your customers say about you! Keep the speed moderate so people can actually read them.
Announcements
Got a sale or important news? Make it scroll faster to grab attention!
Featured Content
Showcase your best products, services, or highlights in a moving display.
Social Proof
Display logos, badges, or certifications that scroll smoothly across the page.
Styling Your Marquee
Block Settings
- Alignment – Make it wide or full-width
- Spacing – Add margins and padding
- Borders – Add borders, shadows, or rounded corners
Content Styling
- Colors – Change text and background colors
- Typography – Adjust font sizes and weights
- Custom CSS – For advanced users who want more control
Troubleshooting
Need Help?
If something’s not working:
- Check that JavaScript is enabled
- Try refreshing the page
- Make sure you have content inside the marquee
- Test with simple text first