> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/veena-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webibazaar.gitbook.io/veena-documentation/sections/multicolumn.md).

# Multicolumn

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

The "Multicolumn" section is provide by the Veena 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.

{% hint style="info" %}
**Recommendation Size**\
Multicolumn image size: 500x500
{% endhint %}

<table><thead><tr><th width="306">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title in the section.</td></tr><tr><td>Heading size</td><td><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></td></tr><tr><td>Heading color</td><td><p>In this section, you can change the background and foreground color of a heading 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>Description</td><td>Enter text to display as a description in the section.</td></tr><tr><td>Description style</td><td><p>Customization of the "Description style" in the multicolumn section is as follows:</p><ul><li>Body</li><li>Subtitle</li><li>Uppercase</li></ul></td></tr><tr><td>Image width</td><td><p>Customization of the "Image width" in the multicolumn section is as follows:</p><ul><li>One-third width of column</li><li>Half width of column</li><li>Three Quarter width</li><li>Full width of column</li></ul></td></tr><tr><td>Image ratio</td><td><p>In the section, Image size customization is as follows:</p><ul><li>Adapt to image</li><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 “3” and a maximum of “5” columns.</td></tr><tr><td>Enable carousel on desktop</td><td>Use "Enable carousel on desktop" to show the slider carousel on the desktop screen.</td></tr><tr><td>Image content alignment</td><td><p>Customization of "Image content alignment" as follows:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td>Content alignment</td><td><p>Customization of "Content alignment" as follows:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td>Button label</td><td>Use "Button label" to add a label to the Button in the section.</td></tr><tr><td>Button link</td><td>Use "Button link" to add a link to the Button in the section.</td></tr><tr><td>"View all" style</td><td><p>Customization of the "View all" style in the multicolumn is as follows:</p><ul><li>Link</li><li>Outline button</li><li>Solid button</li></ul></td></tr><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>Card background color scheme</td><td><p>In this section, you have the option to modify the background and foreground colors of a multicolumn's card using the provided 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>Secondary background</td><td><p>Customization of the "Secondary background" in the multicolumn section is as follows:</p><ul><li>None</li><li>Show as column background</li></ul><p>By employing the 'Show as column background' you can show the secondary background in multicolumn section.</p></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 collection columns in Mobile devices.</p><ul><li>1 Column</li><li>2 Columns</li></ul><p><strong>Enable swipe on mobile</strong></p><p>The multicolumn slides when the checkbox is activated.</p></td></tr></tbody></table>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2F9zTvJnu2QToMFvxkA2Q9%2Fmulticolumn.png?alt=media&amp;token=82c68ef9-f083-4398-a4cf-3427a6b58780" 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>Image heading</td><td>Enter text to display as a heading on the image.</td></tr><tr><td>Image subheading</td><td>Enter the text you would like to display as a subheading on the image.</td></tr><tr><td>Heading</td><td>Enter text to display as a title below the image.</td></tr><tr><td>Heading size</td><td><p>Customization of the "Heading size" in the multicolumn is as follows:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Heading font</td><td>Use this to select custom font for multicolumn section image heading.</td></tr><tr><td>Use default font</td><td>Use this to set default font for multicolumn section image heading.</td></tr><tr><td>Description</td><td>Enter text to display as a description below the heading.</td></tr><tr><td>Button label</td><td>Use "Button label" to add a label to the Button in the section.</td></tr><tr><td>Button link</td><td>Use "Button link" to add a link to the Button in the section.</td></tr><tr><td>Button style</td><td><p>Customization of the "Button style" in the multicolumn is as follows:</p><ul><li>Link</li><li>Outline button</li><li>Solid button</li></ul></td></tr></tbody></table>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FDpX8L8t4hX4NpJWjjPGK%2Fmulticolumn-block.png?alt=media&amp;token=9929bb64-7be8-456b-808a-4382fefd8b8f" alt=""><figcaption></figcaption></figure>