Scrolling promotion
Last updated
Last updated
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.
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.
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:
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.