Scrolling banner
Overview:
The Scrolling Banner section displays continuously scrolling messages with optional icons and links. This section is commonly used for announcements, promotions, brand messages, or visual callouts.
Section Configuration:
Typography
Setting |
Description |
| Heading Size |
Sets the size of the scrolling text. Options: Small, Medium, Large, X-Large. |
| Heading Weight |
Sets the font weight for the scrolling text. |
Layout & Borders
Setting |
Description |
| Container Layout |
Determines the width and padding style of the section container. Options: Page Width, Contained Content, Container Fluid. |
| Corner Radius |
Sets the rounding of the section's corners. Options include: None, Top, Bottom, or Both. |
| Border Style |
Adds borders to the top and/or bottom of the section. Options: None, Top Only, Bottom Only, Top and Bottom. |
| Color Scheme |
Applies a predefined theme for background and text color styling. |
Setting |
Description |
| Scroll Speed |
Controls the speed of scrolling animation (1–30 seconds). |
| Scroll Direction |
Sets the scroll direction: Forward (left to right) or Backward (right to left). |
| Pause on Hover |
Pauses the scrolling animation when a user hovers over the banner. |
Spacing
Setting |
Description |
| Top Padding |
Adds vertical spacing above the section. Measured in pixels. |
| Bottom Padding |
Adds vertical spacing below the section. Measured in pixels. |
Blocks Configuration:
Block Type: Banner
Each Banner block adds one scrolling item to the banner loop.
Setting |
Description |
| Image |
Optional icon or logo displayed to the left of the text. Recommended size: 38×38 pixels. |
| Heading |
The scrolling text that will be displayed. |
| Link URL |
Optional link that the banner text and image will point to. |
| Open in New Window |
Opens the link in a new browser tab when enabled. |
| Stencil Text |
Applies an outlined, hollow text style (stencil effect). |