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

Multicolumn

PreviousCollection listNextCollapsible content with image

Last updated 8 months ago

The "Multicolumn" section is provide by the Koto theme. This section is used to add a Image wise-banner with a title,content and button. you can show the multicolumn image banner as a slideshow.

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

Heading

Text

Enter text to defines the main heading of the section.

Size

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

  • Small

  • Medium

  • Large

Alignment

Customization of the "Alignment" in this is as follows:

  • Left

  • Center

Image size

Customization of the "Image size" in the multicolumn section is as follows:

  • Small

  • Medium

  • Full width

Image ratio

In the section, Image size customization is as follows.

  • Portrait

  • Square

  • Circle

Number of columns on desktop

"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “2” and a maximum of “4” columns.

Column alignment

Customization of "Column alignment" as follows:

  • Left

  • Center

Column shown as

Customization of the "Column shown as" in this is as follows:

  • Transparent background

  • With background

  • Separator

Button

Label

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

Link

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

Style

Customization of the button style in the multicolumn is as follows:

  • Link

  • Outline

  • Solid

Mobile layout

Number of columns on mobile

"Number of columns on mobile" is used for the customization of columns in mobile devices.

  • 1 Column

  • 2 Columns

Add Column

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

Block
Description

Image

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

Heading

Enter text to display as a heading of the image.

Description

Enter text to display as a description below the heading.

Button

Label

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

Link

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

Style

Customization of the button style in the multicolumn is as follows:

  • Link

  • Outline

  • Solid

Live Chat Support | Webibazaar Template
Logo