Koto Documentation
  • Webibazaar Support
  • Koto Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
    • Collection icons
    • Secondary menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Sections
    • Slideshow
    • Promotion card
    • Gallery with text overlay
    • Featured collection
    • Image with text
    • Rich text
    • Logo list
    • Featured product
    • Multiple video with products
    • Blog posts
    • Social media
    • Text with icons
    • Map
    • Collection list
    • Multicolumn
    • Collapsible content with image
    • Newsletter
    • Contact form
    • Video
    • Notice
    • Scrolling promotion
    • Single banner
    • Promotion code
    • Category products
    • Testimonial
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Advanced
    • Sticky bottom bar
    • Inputs and buttons
    • Carousels
    • Corner radius
    • Product cards
    • Badges
    • Social media
    • Search
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • Quick order list
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Combine listing
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Scrolling promotion

PreviousNoticeNextSingle banner

Last updated 8 months ago

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.

Live Chat Support | Webibazaar Template
Logo