Marquee
To add this section, please follow the below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Marquee".
Setting | Description |
---|---|
Section width | Select the section width from the dropdown menu:
|
Customize width | Determines the width of the section when you choose 'Custom width' option at 'Section width' setting . Can be from 1000px to 1800px, increasing arithmetically of 50px (pixel) |
Enable full width (tablet, mobile) | Enable/disable checkbox |
Enable cursor hover | Enable/disable checkbox |
Show separator line | Displays a line to visually separate this block from the other blocks |
Marquee
Setting | Description |
---|---|
Automatic scrolling speed | Determines the automatic scrolling speed. Can be from 20s to 100s, increasing arithmetically of 1s (second) |
Typography style | Select the Font Style from Font Heading or Font body. These two font families are specified in the Theme settings > Typography |
Heading/Body size | Font size of text:
|
Separating content | Select the separating content from the dropdown menu:
|
Custom space between marquee items | Enable/disable checkbox |
Space between marquee items | Determines the space between marquee items. Can be from 10px to 100px, increasing arithmetically of 1px (pixel) |
Colors
Setting | Description |
---|---|
Color scheme | Select a color scheme to set the text and background colors for the section |
Use custom color | Select this checkbox to use custom color for this section. (The 3 following settings only take effect if this checkbox is ticked) |
Text (Color) | Set the text color for this section |
Background | Select a background color for this section (If a background gradient is set, the section's background will be set according to the background gradient setting) |
Background gradient | Select a background gradient color for the section |
Section padding
Setting | Description |
---|---|
Top padding | Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding | Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Top padding on mobile | Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding on mobile | Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Last updated