# Multicolumn

{% embed url="https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da" %}

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.

<table><thead><tr><th width="306">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr><tr><td>Heading</td><td><p><strong>Text</strong>  </p><p>Enter text to defines the main heading of the section. </p><p></p><p><strong>Size</strong></p><p>Following is the font size customization of the heading of the section:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul><p><strong>Alignment</strong> </p><p>Customization of the "Alignment" in this is as follows:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td>Image size</td><td><p>Customization of the "Image size" in the multicolumn section is as follows:</p><ul><li>Small</li><li>Medium</li><li>Full width</li></ul></td></tr><tr><td>Image ratio</td><td><p>In the section, Image size customization is as follows.</p><ul><li>Portrait</li><li>Square</li><li>Circle</li></ul></td></tr><tr><td>Number of columns on desktop</td><td>"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.</td></tr><tr><td>Column alignment</td><td><p>Customization of "Column alignment" as follows:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td>Column shown as</td><td><p>Customization of the "Column shown as" in this is as follows:</p><ul><li>Transparent background</li><li>With background</li><li>Separator</li></ul></td></tr><tr><td>Button</td><td><p><strong>Label</strong></p><p>Use "Button label" to add a label to the Button in the section. </p><p></p><p><strong>Link</strong> </p><p>Use "Button link" to add a link to the Button in the section. </p><p></p><p><strong>Style</strong> </p><p>Customization of the button style in the multicolumn is as follows:</p><ul><li>Link</li><li>Outline </li><li>Solid</li></ul></td></tr><tr><td>Mobile layout</td><td><p><strong>Number of columns on mobile</strong></p><p>"Number of columns on mobile" is used for the customization of columns in mobile devices.</p><ul><li>1 Column</li><li>2 Columns</li></ul></td></tr></tbody></table>

<figure><img src="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2Fy6yvW1vdgSCeAyR0X38V%2Fmulticolumn.png?alt=media&#x26;token=b92582d4-9ae8-4c41-b440-165d2812e4e1" alt=""><figcaption></figcaption></figure>

## 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.

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Image</td><td>Use "Image" to add the image to the section.</td></tr><tr><td>Heading</td><td>Enter text to display as a heading of the image.</td></tr><tr><td>Description</td><td>Enter text to display as a description below the heading.</td></tr><tr><td>Button </td><td><p><strong>Label</strong></p><p>Use "Button label" to add a label to the Button in the block. </p><p></p><p><strong>Link</strong> </p><p>Use "Button link" to add a link to the Button in the block. </p><p></p><p><strong>Style</strong> </p><p>Customization of the button style in the multicolumn is as follows:</p><ul><li>Link</li><li>Outline </li><li>Solid</li></ul></td></tr></tbody></table>

<figure><img src="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2FcuEhDc6JPPyjCtBTbfOe%2Fmulticolumn-block.png?alt=media&#x26;token=1a159465-6ba0-4db3-b9d5-2839a35e8053" alt=""><figcaption></figcaption></figure>
