Scrolling banner

Overview

The Scrolling Banner section allows you to display a continuous, horizontally scrolling banner with customizable text, images, and links. It is useful for highlighting promotions, announcements, or featured content dynamically.

Section Configuration:

Heading & Typography Settings

Setting	Description
Heading Size	Select the size of the banner text. Options: h1, h2, h3, h4. Default: h4.
Heading Weight	Choose the font weight for the text. Options: bold, semi-bold, medium, normal, light. Default: bold.

Scrolling Behavior

Setting	Description
Marquee Speed	Adjust the speed of the scrolling effect. Range: 1–30 seconds. Default: 15 seconds.
Marquee Direction	Choose the scrolling direction. Options: forward, backward. Default: backward.
Pause on Hover	Enable or disable pausing the scroll when hovered. Default: false.

Layout & Styling Settings

Setting	Description
Full-Width Section	Expand the banner to the full width of the page. Default: true.
Color Scheme	Choose a predefined color scheme. Default: scheme3.

Spacing Settings

Setting	Description
Top Padding	Set the padding at the top of the section. Range: 0–100 px. Default: 0 px.
Bottom Padding	Set the padding at the bottom of the section. Range: 0–100 px. Default: 0 px.

Block Configuration:

Each Banner Block represents a single item in the scrolling banner and can include text, an optional image, and a clickable link.

Content Settings

Setting	Description
Image	Upload an optional icon or logo to display in the banner.
Heading	Add the main text for this banner item.
Label Text	Optional text label (e.g., "From").
Label Background Color	Set the background color of the label.
Label Text Color	Choose the text color for the label.
Stencil Text Effect	Enable an outline text effect instead of solid text. Default: false.

Link Settings

Setting	Description
Link URL	Add a clickable link to direct users to another page.
Open in New Window	Open the link in a new tab when clicked. Default: false.