> For the complete documentation index, see [llms.txt](https://help.gordonbyte.com/themes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.gordonbyte.com/themes/clariss/overview/multi-column.md).

# Multi Column

Show up to three columns (**Column 1-3**) of short info with icons. You can turn dividers and icons on or off and change the text and background colors.

## How to enable? <a href="#id-919350604-fxx8mp" id="id-919350604-fxx8mp"></a>

1. Open **Page Builder** [*(how to launch Page Builder?)*](/themes/clariss/clariss-theme.md#page-builder).
2. Click the **Multi Column** tab.
3. Select the **Enable** checkbox.

To turn the section off, leave **Enable** unchecked.

## How to change the number of columns? <a href="#id-902047160-bjt2rc" id="id-902047160-bjt2rc"></a>

In the **Count** dropdown, choose how many columns to show.

## How to change icons? <a href="#id-1866632993-mvl8wn" id="id-1866632993-mvl8wn"></a>

You can choose from over **7,000** icons. Each column has its own **Icon** setting.

1. Open the [(icon list)](https://fontawesome.com/icons?d=gallery\&p=2) and search for the icon you want.
2. Click the icon to open its page, similar to the image below.

{% hint style="info" %}
In this example, the Archive icon has been selected.
{% endhint %}

<figure><img src="https://4157603424-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuPKVW9ibHGbrYUuBzQXQ%2Fuploads%2FrId0bkSsttOEwLH098xr%2Fgitbook-x-prod.appspot%20(1).png?alt=media&amp;token=3acc6944-4838-4102-b98e-f72e7eab7d5f" alt=""><figcaption></figcaption></figure>

3. Copy the text between *class="***copy this text***"*
4. Go back to the **Multi Column** tab in Page Builder and paste it into that column's **Icon** field.