Scrolling line
Add announcements as blocks to the section and adjust their view and direction.
GENERAL
Announcement
Fill in the text of the news you want to announce.
Font family
Choose the font for the announcement. Note that the font families for the options are set in the theme settings for typography.
Font style
Choose the text style for the announcement.
Solid | the text filled with color |
Outline | the text with only its borders colored |
Mixed | the interchange of solid and outline text |
Font size
Adjust the text size for the announcement.
Letter spacing
Adjust the spacing between the letters within words.
Space between messages
Adjust the spacing between the repeating instances of one announcement within the scrolling line.
Top and bottom spacing
Adjust the spacing between the borders of the scrolling line and the content within it.
Link
Choose a page within your store or enter a URL to redirect customers to another page when they select the announcement.
ICON
Icon
Choose the icon to match the announcement. Here you can see what icon stands for each label in the list.
Custom icon
Select an image for a custom icon (the recommended image size is 256x256 pixels). In this case, the custom icon has priority over the icon from the list. You can choose images either from your library or the free images collection. Note that the free images you use are also saved to your library. You can further edit the uploaded image: add a focal point and fill in an alt text.
Icon size
Adjust the icon size within the line.
SCROLLING
Line direction
Choose the direction in which the line moves.
Scrolling speed
Adjust the speed at which the line moves.
COLORS
Pick particular colors if you want to highlight the scrolling line and the text within it with the colors that differ from those of the color scheme. Choose between solid and gradient fill to attract even more attention to the announcement. Note, that gradient colors have priority over solid colors.
Background solid
Pick the color for the scrolling line.
Background gradient
Pick the colors and the type of gradient for the scrolling line.
Text solid
Pick the color for the announcement.
Text gradient
Pick the colors and the type of gradient for the announcement.
Last updated