> 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/manifest/overview/multi-column.md).

# Multi Column

Show up to four columns (**Column 1-4**) with icons and text. You can turn dividers and icons on or off, change text and background colors, and more.

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

First, open **Page Builder** [*(how to launch Page Builder?)*](/themes/manifest/manifest-theme.md#page-builder)

In Page Builder, go to the **Multi Column** tab. Select the **Enable** checkbox.

To turn this section off, leave the checkbox 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** textfield.

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 is selected.
{% endhint %}

<figure><img src="https://1383247179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBnmAfzVuzk6Caqz86ki%2Fuploads%2F39KqJIijkTpOHKUN0WEf%2Fgar-icon-arch.jpg?alt=media&amp;token=a41ec5df-af62-48ea-b76e-b6c05344acda" 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** textfield.