✨Marquee

Configure the section

Go to Customize theme. Click the dropdown menu at the top and select the Home page template.

From the left side menu, select Marquee.

Customize this section by using the setting on the right side of the theme editor, as described in the following table:

Scrolling text	Section visibility Select from the options to select the visibility of this section: -Always -Small devices(On selecting this, the section will be visible on mobile devices only.) -Large devices Color scheme Select any color scheme defined in the theme settings>Colors>Schemes. Section background Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme. Container width Choose the container width from below options: - Global - Extra small - Small - Regular - Edges gap - Fullwidth Corner style Choose the radius from below option, on corners: - Top - Bottom - Both - None Corner radius Select this checkbox to manage the radius on corners.
Marquee settings	Direction Choose the marquee direction from the following options: - Left to right - Right to left Marquee type Choose marquee type from: - On scroll - Always Linear style rotation Adjust the range bar to determine the rotation degree for linear styled marquee. Font family Choose the marquee text font family from the following options: - Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.) Markers font Choose the marker text's font family from the following options: - Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.) Markers text style Choose the the markers text style from following options: - None - Outline Marquee images radius Adjust the range bar to manage the radius of marquee images.
Font size	Desktop font size Adjust the range bar to determine the font size on the desktop view. Mobile font size Adjust the range bar to determine the font size on the mobile view.
Speed	Desktop speed Adjust the range bar to determine the marquee speed on the desktop view. Mobile speed Adjust the range bar to determine the marquee speed on the mobile view.
Item space	Desktop space Adjust the range bar to determine the marquee speed on the desktop view. Mobile space Adjust the range bar to determine the marquee speed on the mobile view.
Marquee image width	Desktop Adjust the range bar to determine the radius of images on the desktop view. Mobile Adjust the range bar to determine the radius of images on the mobile view.
Section spacing	Desktop top space Adjust the range bar to add spacing at the top of the section for desktop view. Desktop bottom space Adjust the range bar to add spacing at the bottom of the section for desktop view. Mobile top space Adjust the range bar to add spacing at the top of the section for mobile view. Mobile bottom space Adjust the range bar to add spacing at the bottom of the section for mobile view.

Block settings: Text

Text	Add heading text. (Note: Wrap your text between [ ] to add the markers font.)
Image	Image Choose an image from the store library. Overlay opacity Adjust the range bar to determine the overlay opacity above the image. (Note: To change overlay color, edit the scheme "Image overlay" color in the color scheme under theme settings.)
Desktop image visibility	Choose image visibility, on desktop from: - Default - On hover