Scrolling promotion

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

Setting
Description

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

Display text

Customization of the "Display text" in this section is as follows:

  • Wide

  • Container

Space between blocks

"Space between blocks" is to give left and right side spacing to the text of the section. 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'.

Seprater between text

With the help of a Seprater between text, you can add a seprater like below:

  • Dot

  • Line

  • None

Text size

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

Pause on hover

By enable this checkbox to pause the scrolling bar on hover on it.

Add Block

To add block to the scrolling bar section, click on the 'Add block'. There are many options available similar to the scrolling bar, as you can see in the below points and screenshot:

Block
Description

Image

Image

Use "Image" to add the image to the section.

Image width

This feature to specify image width in a section. You can set the minimum of “30px” and a maximum of “100px” width.

Image radius

This feature is use to set image radius in the section. You can set the minimum of “0px” and a maximum of “20px” image radius.

Text

Heading

Enter text to display as a title in the section.

Icon

In the section, the icons are given to select.

Icon width

This feature to specify icon width in a section. You can set the minimum of “14px” and a maximum of “36px” width.

Outline text

Check this box to use of outline text in this section.

Show only even word outline

Enable this checkbox to show only even words to as an outline text in this section.

Uppercase text

Allows you to enable uppercase text styling for text.

Bold text

Enable this checkbox to show bold text in this section.

Button label

Use "Button label" to add a label to the Button in the section.

Button link

Use "Button link" to add a link to the Button in the section.

Button style

Customization of the "Button style" in this section is as follows:

  • Link

  • Outline

  • Solid

Image with text

Image

Use "Image" to add the image to the section.

Image width

This feature to specify image width in a section. You can set the minimum of “30px” and a maximum of “100px” width.

Image radius

This feature is use to set image radius in the section. You can set the minimum of “0px” and a maximum of “20px” image radius.

Text

Enter text to display as a scrolling text in the section.

Outline text

Check this box to use of outline text in this section.

Uppercase text

Allows you to enable uppercase text styling for text.

Bold text

Enable this checkbox to show bold text in this section.

Last updated