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

Rich text

PreviousImage with textNextLogo list

Last updated 8 months ago

The Koto theme includes a section called 'Rich text.' This section is designed for sharing information about your brand with your customers. You can add a title, description, and buttons.

Setting
Description

Layout

Customization of the "Layout" in this section is as follows:

  • Wide

  • Container

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

Desktop content size

Following is the font size customization of the content of the section:

  • Small

  • Medium

  • Large

Desktop content position

To change the position of the content, utilize the "Desktop content position" setting. Customization of the "Desktop content position" in the rich text section is as follows:

  • Left

  • Center

  • Right

Content alignment

Customization of "Content alignment" in desktop and mobile devices is as follows:

  • Left

  • Center

  • Right

Enable section box layout

By enable "Enable section box layout" checkbox to show content with diffrent background.

Add block

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

Block
Description

Caption

Text Enter text to display as a caption in the section.

Text style

Customization of the "Text style" in the rich text section is as follows:

  • Subtitle

  • Uppercase

Text size

Following is the font size customization of the text in the section:

  • Small

  • Medium

  • Large

Heading

Text Enter text to display as a title on the section. Size

Following is the font size customization of the heading in the section:

  • Small

  • Medium

  • Large

Text

Description Click on the "Add block" and select the text. And enter text to display as a description on the section.

Button

Click on the "Add block" and select the Buttons. First button label Use "First button label" to add a label to the Button in the section. First button link Use "First button link" to add a link to the Button in the section. First button style

Customization of the "First button style" in the Image with text section is as follows:

  • Link

  • Outline

  • Solid

Second button label Use "Second button label" to add a label to the Button in the section. Second button link Use "Second button link" to add a link to the Button in the section. Second button style

Customization of the "Second button style" in the Image with text section is as follows:

  • Link

  • Outline

  • Solid

Live Chat Support | Webibazaar Template
Logo