✨Scrolling text
Configure the scrolling text
Select the customize theme option. Click on the dropdown menu at the top of the page to select the Home page template.
From the left side menu, select Scrolling text.
Customize the section by utilizing the settings on the right side of the theme editor, as described below:
General
Section visibility Select from the options to select the visibility of this section: -Always -Small (On selecting this, the section will be visible on mobile devices only.) -Large (On selecting this, the section will be visible on large devices only.) Container width Choose the container width from below options: - Small - Standard - Wide - Edge - Fullwidth Color scheme Select any color scheme defined in the theme settings>Colors>Schemes. Corner style Choose the corner's style from below options: - Sharp - Rounded Rounded position Choose the rounded position from following options: - Top - Bottom - Both Rounded: Corner radius Adjust the range bar to determine the radius, to be applied on corners of section background.
Section spacing
Choose from Choose spacing for: - Desktop - Mobile Desktop: Top spacing Adjust the range bar to add spacing at the top of the section for desktop view.
Desktop: Bottom spacing Adjust the range bar to add spacing at the bottom of the section for desktop view.
Mobile: Top spacing Adjust the range bar to add spacing at the top of the section for mobile view.
Mobile: Bottom spacing Adjust the range bar to add spacing at the bottom of the section for mobile view.
Block settings
Marquee
Background Choose background from below options: - Solid - Gradient Color Choose solid or gradient color as per the selected background. Direction Choose the marquee direction from the following options: - Left - Right - Bidirectional Horizontal gap Adjust the range bar to determine the horizontal gap between text and icons. Vertical gap Adjust the range bar to determine the vertical gap between marquee text. Marquee speed Adjust the range bar to determine the marquee speed. Pause on hover Select this checkbox to make marquee pause on hover.
Marquee: Text
Text
Add description text. Text font size Adjust the range bar to determine the font size. Font color Choose background from below options: - Solid - Gradient Color Choose solid or gradient color as per the selected background. Font Choose the font family from the following options:
- Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.) Mobile layout Text font size Adjust the range bar to determine the font size for the mobile.
Marquee: Separator
Icon Choose any icon from the list of icons. Icon width Adjust the range bar to determine the maximum width of icon on the desktop. Mobile icon width Adjust the range bar to determine the maximum width of icon on the mobile. Color Choose the icon color.
Marquee: Image
Image Choose any image from the store library. Maximum width Adjust the range bar to determine the maximum width of images on the desktop. Mobile maximum width Adjust the range bar to determine the maximum width of images on the mobile. Rounded image Select this checkbox to make the image rounded. Link Add the link to redirect it.
Last updated