Seventh > Sections > Scrolling text

Scrolling text

The Scrolling text section creates a horizontal scrolling marquee display with text, images, and other content. Perfect for announcements, promotions, or continuous content displays.

What it does

This section displays content in a continuous horizontal scroll:

• Content scrolls horizontally across the screen
• Supports text, images, buttons, icons, and countdown timers
• Continuous loop animation
• Pause on hover option
• Adjustable scroll speed and direction

Section settings explained

Scrolling options

Scroll direction: Controls which direction content scrolls:

• Left to right (LTR) - Content scrolls from left to right (default)
• Right to left (RTL) - Content scrolls from right to left

Scroll speed: Controls how fast content scrolls:

• Range: 20-300 seconds (default: 100)
• Lower values = faster scrolling
• Higher values = slower scrolling

Pause on mouseover

• When enabled: Scrolling pauses when mouse hovers over banner
• When disabled: Scrolling continues continuously

Horizontal padding: Controls horizontal spacing around content

Typography

Text Size: Controls the size of text in the banner

Section Design Options

Available blocks in scrolling text

Each scrolling banner can contain any of these blocks:

Content Blocks:

• Text - Text content that scrolls
• Image - Images within the scrolling content
• Countdown - Countdown timers
• Button - Buttons (though scrolling may affect usability)
• Icon - Icons within the content

Block arrangement:

• Blocks appear in sequence and scroll together
• Multiple blocks create continuous scrolling content
• Content repeats to create seamless loop

Common use cases

Announcement bar

• Display store announcements
• Show shipping information
• Highlight special offers
• Perfect for top of page

Promotional messages

• Showcase sale information
• Display promotional codes
• Highlight limited-time offers
• Great for seasonal promotions

Social proof

• Display customer testimonials
• Show review snippets
• Highlight awards or certifications
• Build trust and credibility

Product highlights

• Showcase featured products
• Display product names or tags
• Include product images
• Great for product promotions

Tips for success

Scrolling settings

• Speed - 80-120 seconds works well for readability
• Direction - Left to right is standard, right to left for variety
• Pause on hover - Enable for better user experience

Content

• Keep it short - Brief messages work best
• Repetition - Content repeats automatically
• Visual balance - Mix text and images for interest

Typography

• Text size - H3-H4 works well for most content
• Readability - Ensure text is readable while scrolling
• Contrast - Use high contrast colors

Spacing

• Horizontal padding - Medium to Large works well
• Content gap - Space between blocks for clarity
• Section padding - Minimal padding for compact display