Scroll Text
Scroll Text allows you to create a continuously scrolling content area on the page, suitable for displaying announcements, promotions, or brand slogans. Through continuous scrolling, it attracts users' attention and provides a smooth visual experience.
(I) Scroll Text
Page width: There are three options: Page Container, Stretched, and Full Width. Choosing different widths will present different visual effects.
Text size: Adjust the size of the scrolling text, with 8 text sizes available. Customize the display according to the page effect.
Color: Can be set to any of the body text, title, or block title colors. Flexible color settings to present diverse display effects.
Pause on hover: Enable this option to stop scrolling when hovering.
Desktop item gap: Manually drag the slider to adjust the gap between elements on the desktop, with a gap ranging from 0px to 100px.
Mobile item gap: Manually drag the slider to adjust the gap between elements on the mobile, with a gap ranging from 0px to 100px.
Image width: Set the width of the image, customize the image width according to the display effect, with an image width ranging from 80px to 300px.
(II) Animation Settings
Speed: Manually drag the slider to set the scrolling speed of the text, with a minimum of 10s and a maximum of 50s.
Direction: Set the scrolling direction of the text, either Left or Right.
(III) Colors
Color scheme: Select or edit a color scheme to define the color styles of all elements on the page, including background color, text color, etc.
(IV) Padding
Top: Manually drag the slider to adjust the top margin, with a minimum of 0px and a maximum of 100px.
Bottom: Manually drag the slider to adjust the bottom margin, with a minimum of 0px and a maximum of 100px.
(V) Scrolling Items
Image: Upload or change the image. It is recommended to use high-resolution images.
Content: Enter the activity content for circular scrolling display.
Link: Set the jump location by pasting a link or searching.
Last updated