Scrolling Text and Images

Scrolling Text and Images on a website captures attention, highlights promotions, delivers breaking news, optimizes space, engages users, and facilitates rapid information dissemination.

Steps

1. In the theme editor (Customize), click Add section

2. Locate Scrolling Text and Images

3. Save

Section settings

General settings

Setting	Description
Section width	4 options for container Default: follows the theme’s standard layout behavior (automatically adapts based on screen size and theme settings). Stretch width: span the section width regardless of screen size. Fixed width: depends on your page content width in Theme settings -> Layout. Full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Color scheme	Select colors from Theme settings -> Colors

Scrolling settings

Setting	Description
Direction	Choose the scrolling direction of the content (left or right).
Speed	Adjust how fast the content scrolls (in seconds).
Gap	Set the spacing between items (px).
Image roundness	Control the corner radius of images (px).
Background color	Set the background color of the section.
Content padding top/bottom	Adjust the top and bottom spacing inside the section (px).

Reflection settings

Setting	Description
Enable reflection	Turn on/off the reflection effect for the content.
Swap direction	Reverse the direction of the reflection.
Opacity	Adjust the transparency level of the reflection (%).

Section padding

Setting	Description
Top	Customize the top margin of the section
Bottom	Customize the bottom margin of the section