User Guide

Scrolling promotion

by Admin on Apr 11, 2024

This section allows you to show your promotion texts in a scrolling bar.

General

Layout Block spacing Adjust the spacing of each elements on the scrolling bar (range from 10px to 150px).
Show section borders Tick the checkbox to show borders around the scrolling bar.
Scrolling Speed Adjust the scrolling speed to run the a full round of content (range from 6s to 50s).
Direction Adjust the scrolling direction (Left to right or Right to left).
Pause on hover Tick the checkbox to pause the scrolling bar when the user hovers over it.
Style Background color (light/dark) Choose the background color of the scrolling bar to display in light/dark mode.
Text color (light/dark) Choose the text color of the scrolling bar to display in light/dark mode. 
Section padding Top padding Adjust the padding on top of the section (range from 0 to 100 px).
Bottom padding Adjust the padding at the bottom of the section (range from 0 to 100 px).

Text

Configure a text line.

Text Enter the text to display on the scrolling bar.
Text size Adjust the size of the text (range from 50% to 200%).

Icon

Configure a icon.

Icon Choose from the list an icon to display on the scrolling bar.
*Note: We provide 21 premade icons to help you easily customize.
Icon height Adjust the height of the icon (range from 20px to 150px).

Button

Configure a button.

Button label Enter the label of the button on the scrolling bar. If left empty, the button will be hidden.
Button link Enter the link the users will be redirected to when they click the button.
Show as primary button Tick the checkbox to set the button's styles to be the same as the style of the primary buttons.
Otherwise, it will follow the outline button's style.

Image

Configure an image.

Image Choose an image to display on the scrolling bar. Click the Select image button to choose an image from your library or free image resources.
Image height Adjust the height of the image (range from 20px to 150px).