Scrolling bar

Here, in the Cornet theme, with the use of the scrolling bar, you can scroll the important announcements and promotional texts. The scrolling bar section in the Cornet theme comes with various customizations.

Setting
Description

Scrollbar effect

You can change the effect of a section using the scrollbar effect.

  • None

  • Fade out

Space between blocks

"Space between blocks" is to give left and right side spacing to the text of the block. You can adjust the spacing and set it to the minimum spacing of “20px” and a maximum spacing of “100px.”

Speed

Speed is used to customize the scrolling speed of the text in the section.

Direction

Use of "Direction" allows the rotation of the "Text" from left to right and right to left

Separator between text

With the help of a Separator between text, you can add a star, Asterisk sign or a dot between the text and last none.

Enable vertical border separator

By enabling this checkbox, you can see vertical border separator when separator between text set to none.

Icon and separator color

you can set the foreground color of a icon and separator using the color.

Font size

You can adjust the font size and set it to the minimum size of “15px” and a maximum size of “280px.”

Font Thickness

In this section, you can change font weight of a section using the font thickness.

  • Normal

  • Bold

  • Extra bold

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6

Add text block

Click on "Add block" and its customization screenshot is as follows.

Setting
Description

Heading

Enter text for scrolling bar text.

Outline text

By enabling this checkbox, you can see text with outline.

Uppercase text

By enabling this checkbox, you can see uppercase text.

Icon

Custom svg code Use "custom svg code" to add a custom svg with text. Icon Use "Icon" to add a Icon from given list.

  • None

  • Box

  • Chat bubble

  • Check mark

  • Clipboard

  • Dairy

  • Dairy free

  • Dryer

  • Eye

  • Fire

  • Gluten free

  • Heart

  • Leather

  • Lightning bolt

  • Lipstick

  • Lock

  • Map pin

  • Nut free

  • Pants

  • Paw print

  • Pepper

  • Perfume

  • Plane

  • Plant

  • Price tag

  • Question mark

  • Recycle

  • Return

  • Ruler

  • Shirt

  • Shoe

  • Silhouette

  • Snowflake

  • Star

  • Stopwatch

  • Truck

Icon width

You can adjust the icon width and set it to the minimum size of “14px” and a maximum size of “100px.”

Button

Label Use "Label" to add a label to the Button in the section. Link Use "Link" to add a link to the Button in the section. Style

Customization of the "Style" in the Scrolling bar section is as follows:

  • Link

  • Outline

  • Button

Add image with text block

Click on "Add image with text block" and its customization screenshot is as follows.

Setting
Description

Image

You can select image that you want to add in scrolling bar.

Image radius

You can adjust image radius and set it to the minimum size of “0px” and a maximum size of “20px.”

Text

Enter text that display with image.

Outline text

By enabling this checkbox, you can see outlined text.

Uppercase text

By enabling this checkbox, you can see uppercase text.

Last updated