Scrolling banner
Overview
The Scrolling Banner displays continuously moving text messages with customizable typography, scrolling direction, speed, hover pause, layout, alignment, color scheme, and spacing.
Heading Settings
| Setting | Description |
|---|---|
| Heading Size | Sets the heading text size from H1–H6, Large, Medium, or Small. |
| Heading Weight | Controls the heading font weight from Thin (100) to Black (900). |
| Heading Case | Sets the heading text case to None, Uppercase, Capitalize, or Lowercase. |
| Heading Level | Sets the semantic heading level from H1 to H6. |
| Heading Family | Selects the heading font family from Default or Body. |
| Heading Color Style | Applies the Default or Body color style to the heading. |
| Heading Link Style | Applies the Default or Link style to heading links. |
Grid Settings
| Setting | Description |
|---|---|
| Desktop Grid Spacing | Controls horizontal grid spacing on desktop from 0–300px. Default: 300px. |
| Mobile Grid Spacing | Controls horizontal grid spacing on mobile from 0–300px. Default: 30px. |
Marquee Settings
| Setting | Description |
|---|---|
| Marquee Direction | Sets the scrolling direction from Right to Left or Left to Right. |
| Marquee Speed | Controls the scrolling speed from 5–50 seconds. Default: 15s. |
| Pause on Hover | Pauses the scrolling animation when the cursor hovers over the banner. |
Layout Settings
| Setting | Description |
|---|---|
| Container Layout | Sets the section width to Container, Contained Content, or Container Fluid. |
| Container Size | Controls the maximum container width from 50–100%. Default: 100%. |
| Desktop Text Alignment | Sets text alignment on desktop. Default: Left. |
| Mobile Text Alignment | Sets text alignment on mobile. Default: Left. |
| Color Scheme | Applies a color scheme to the section. Default: Scheme 2. |
Inner Spacing
| Setting | Desktop | Mobile |
|---|---|---|
| Top Padding | 70px | 35px |
| Bottom Padding | 70px | 35px |
| Left Padding | 50px | 15px |
| Right Padding | 50px | 15px |
Outer Spacing
| Setting | Desktop | Mobile |
|---|---|---|
| Top Padding | 0px | 0px |
| Bottom Padding | 0px | 0px |
| Left Padding | 0px | 0px |
| Right Padding | 0px | 0px |