How to find these settings...
- Online Store
- Customize (Theme Editor)
- Add section
- Marquee
Add scrolling text, images or icons to promote a variety of content
In this section...
Options
Scroll speed
This determines how long it should take the text to go from one side of the screen to the other. Note: Setting this to zero will stop all motion. 0 seconds is the minimum, and it steps up by 1 to a maximum of 30 seconds
Scroll direction
Select which direction the text should scroll based on how you would read standard text
- Forward: Text will scroll from the left side to the right
- Backward: Text will scroll from the right side to the left
Note: This is language specific. As an example, RTL languages like Arabic will see 'Forward' text scroll right to left
Full width
The scrolling text has the option of being as wide as the screen or only as wide as the content container
Section
Lazy load images *
Disable for "above the fold" images. Enable for any image that is not visible on the initial page load
Background color
Choose a custom color for the background
Background gradient
Choose a custom gradient for the background
MOBILE
Top padding
Add padding to the top of the section on screens less than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom padding
Add padding to the bottom of the section on screens less than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom margin
Add a margin to the bottom of the section on screens less than 768px wide. Margins are applied to the outside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
DESKTOP
Top padding
Add padding to the top of the section on screens larger than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom padding
Add padding to the bottom of the section on screens larger than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom margin
Add a margin to the bottom of the section on screens larger than 768px wide. Margins are applied to the outside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Add a bottom border
A 1px border will be added between the 'Bottom padding' and the 'Bottom margin'
* May not be available in all Sections
Text Content Blocks
Access content blocks using black arrow next 'Marquee'. You can view the icons on the 'What Icons are Included?' FAQ page
Icon
Select an icon to be used from the preset list
Custom icon
An alternative to using a pre-set icon is the image picker. It is suggested to use an SVG or PNG file format
Icon size
There are 4 choices for size of the icon
Icon color
Preferred color of the icon. Defaults to the color assigned to the Headers
Icon highlight color
Some icons have elements that can be assigned a different color. Defaults to the Accent color
Heading
Text to be scrolled
Heading size
Set the heading size with the slider. 12px is the minimum, and it steps up by 6 to a maximum of 96px
Text color
Choose a custom color for the text
Text hover color
Choose a custom color for links when hovered over
* NOTE: May not be available on all sections, blocks or templates