Marquee
The Marquee block creates a continuously scrolling horizontal band of content, typically used for highlighting announcements, quotes, or brand names. You can control the speed, direction, colors, and the elements contained within the scroll.
General settings
| Setting | Description |
|---|---|
| Inherit Color Scheme | A checkbox that, when enabled (Default), uses the color scheme from the parent section. |
| Colors | Only visible when Inherit Color Scheme is disabled. Allows you to manually select a specific Color Scheme for the marquee block, overriding the section's setting. |
| Direction | Sets the horizontal direction of the scrolling content: Left (Default) or Right. |
| Speed | Controls the duration of one complete scroll cycle, measured in seconds (s) (Range: 5s to 50s). A lower number means faster scrolling. |
| Space between items | Sets the horizontal space (gap) between the repeating elements within the marquee, measured in pixels (px) (Range: 10px to 200px). |
Spacing
These settings control the external spacing (padding) applied directly above and below this specific block.
| Setting | Description |
|---|---|
| Top | Sets the amount of empty space (padding) above this button block. Measured in pixels (px) (Range: 0px to 100px). |
| Bottom | Sets the amount of empty space (padding) below this button block. Measured in pixels (px) (Range: 0px to 100px). |
Marquee Supported Nested Blocks
The content that scrolls within the marquee is built using the following supported inner blocks:
| Block Type | Usage in Marquee |
|---|---|
| Icon | Display small graphical elements (like stars, logos, or separators) that scroll along with the text. |
| Heading | Used to display short, prominent titles or phrases as scrolling content. |
| Text | Used for displaying short announcements, quotes, or simple text strings as scrolling content. |
| Group | A container block that allows you to cluster multiple elements (like an Icon and Text) together so they scroll as one single unit. |
No comments yet