Scrolling line with collections
Add announcements as blocks to the section and adjust their view and direction. You can place collection cards between the announcements on the scrolling line.
GENERAL
Announcement
Fill in the text of the news you want to announce.
Use collection titles
Select to replace announcements with the titles of the added collections.
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.
COLLECTIONS
Collections
Select the collections from the list of your collections on the setting panel.
Use custom ratio
Select to enable the collection image ratio adjustment. Otherwise, the image uses its original ratio.
Custom ratio
Adjust the proportion between the width and height of the collection image and make its orientation square, horizontal, or vertical. Note that you can use this option only when 'Use custom ratio' is selected.
Collection image size
Adjust the size of collection cover images 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