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.

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