# Multicolumn

***

### 1. Our guide to set up a Multicolumn section:

{% hint style="info" %}
**Steps:**

* In the theme editor, click **Add section.**
* Select **Multicolumn.**
* Click **Save.**
  {% endhint %}

<figure><img src="/files/9I05p3URFX7fUcpfTYbN" alt=""><figcaption></figcaption></figure>

### **2. Section blocks: Column**

<figure><img src="/files/S5kPikdh1ofbD2VgChIi" alt=""><figcaption></figcaption></figure>

* Click **(+) Add column** to add a new **Column (**&#x43;lick **Remove block** or the eye icon to delete or hide a block.)
* Under **Image**, click **Select image** to upload an image to display at the top of the column.
* Enter text for the column **Heading.**
* Enter **Description** as the main column content below the **Heading**.
* Fill in **Link label** and paste a URL for the **Link**.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/58d882c6-5fd3-418e-b71e-87f4acf4f8f6/Screenshot%202023-11-16%20at%203.08.54%20PM.png" alt=""><figcaption></figcaption></figure>

### **3. Multicolumn section settings:**

* Click on the **Multicolumn** section to open the section settings.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/036047a4-645c-4a2b-aaf7-fd39dd86528c/Screenshot%202023-11-16%20at%202.03.25%20PM.png" alt=""><figcaption></figcaption></figure>

* **Heading:** Change the **Heading** text as a title for your section. Delete the text in this field to remove the heading.

<figure><img src="/files/gXvV7kRReJne19YqTiPS" alt=""><figcaption></figcaption></figure>

* **Button**: Add a **Button label** and **Button link** to display a call-to-action button underneath the column.

<figure><img src="/files/yl4g3ML74uxTAJsgm2wQ" alt=""><figcaption></figcaption></figure>

* To make your images a uniform shape and size, select the **Image aspect ratio** to crop your images to **Square**, **Circle**, or **Portrait**. The **Adapt to image** setting will display the original orientation of each image.

<figure><img src="/files/nNc3pN4vT82T9bbx86n1" alt=""><figcaption></figcaption></figure>

* Select **colors** for the Background: Use the **Color scheme** dropdown to set the color for the multicolumn section. Color only appears when you select to show the **Secondary background**.

<div><figure><img src="/files/qUOBPG7TlQfrgWtb5Ekc" alt=""><figcaption></figcaption></figure> <figure><img src="/files/VePcfrMH6BFkXZAcz1ir" alt=""><figcaption></figcaption></figure></div>

* Change the **Image width** to **Full/Half/One-third width of column**:

<figure><img src="/files/Y8l1OrFHIev1Sq8LrG22" alt=""><figcaption></figcaption></figure>

* Select the **Column alignment** options to make the Column content **Left** or **Center** aligned.

<figure><img src="/files/zRU4OKOR91WkigIRAXKm" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.inspiredtheme.com/articles/sections/sections-available-in-inspiredtheme/multicolumn.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
