---
title: "Adding multicolumn card section"
slug: "text-columns-block"
description: "Add lists of features, an about section, or a contact section on your home page using the text columns block. Each column includes an icon, a title, and a space for the description text."
tags: ["Customization", "Body blocks"]
updated: 2026-01-29T12:48:31Z
published: 2026-01-31T09:30:11Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Adding multicolumn card section

The Multicolumn card section allows you to add lists of features, an **About** section, or a **Contact** section to your homepage. Each column includes an icon, a title, and a description field. Using Multicolumn cards on your homepage creates a visually appealing structure that engages users, helps them quickly find key information, and highlights your core offerings.

For example, a software company could use the Multicolumn card section on its homepage to showcase key product features, such as **Data Security**, **User Management**, and **24/7 Support**. Each column could display an icon representing the feature, a concise title, and a brief description. This setup provides a quick interactive view of the software's benefits, helping potential customers quickly understand the product's value.

---

## Adding Multicolumn cards

To add a Multicolumn card section in the Knowledge base site, follow the steps below:

1. Navigate to **Settings** (**) in the left navigation bar****in the Knowledge base portal.
2. In the left navigation pane, navigate to **Knowledge base site** >**Site customization**.
3. Click **Customize site** to access the design configurations on the **Customize site** page.

![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Customizing_Rich_text_Block.png)
4. From the left-side drop-down menu, select the **Home** page to customize.

The body section will display a list of body blocks.
5. Click **Add section**, then select **Multicolumn card section**.

By default, the multicolumn card section includes three elements.
6. Click the **Multicolumn card section** to edit the title and overall icon color for the section.
7. To add more column elements, click **Add element** under the Multicolumn card section.
8. The **Reorder** (**) icon facilitates the rearrangement of elements.
9. Click the **Hide**(**) icon to toggle the visibility of elements. ![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Adding_multicolumn_card_section.png)

### Available options for elements

1. Click an element to edit the following attributes:
  - **Icon**:
    - Click **Change** to update icons for each column.
    - In the **Icons** tab, select a Document360 or [Font Awesome](https://fontawesome.com/icons) icon.
    - In the **Image** tab, either enter the image URL or upload one from the Drive.
  - **Title**: Enter a title for the element. Click the **Hide**(**) icon to hide it.
  - **Icon color**: Change the icon’s color.
  - **Paragraph text**: Enter the description for each column. The following formatting options are available:
    - **Bold**(**): Apply bold formatting to text.
    - **Italic**(**): Apply italic formatting to text.
    - **URL/Link**(**): Add URLs or hyperlinks within the text.
    - **Unordered list**(**): Add a bulleted list.
    - **Ordered list**(**): Add a numbered list.
2. Click **Save******to save your changes without applying them immediately.
3. Click **Preview** to see how your changes will appear on the knowledge base site.
4. Click **Publish******to make your recent changes visible to readers.
5. Click the **More** (**) icon and select **Reset to published version** to discard all saved and unsaved customizations and revert to the last published version.

> [!NOTE]
> ** NOTE
> 
> The **Reset to published version** feature is available only for new Knowledge base site 2.0 projects created after March 29, 2025.

![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Adding_multicolumn_card_section_options_for_elements.png)

### Removing the Multicolumn card

To delete a multicolumn card, follow the steps below:

1. Click the **Multicolumn card section**.

The Multicolumn card section navigation bar will appear.
2. Click **Delete**(**) in the navigation bar.
3. Click **Yes** in the **Delete confirmation**prompt.

![User interface showing modules for documentation, category management, and editing features.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Remove_multicolumn_card_section.png)

---

### FAQ

****How can I update a Multicolumn card element’s icon using Font Awesome?****

1. Navigate to **Settings** (**) in the left navigation bar****in the Knowledge base portal.
2. In the left navigation pane, navigate to **Knowledge base site** > **Site customization**.
3. From the left-side drop-down menu, select the **Home** page to customize.
4. Click the desired element in the**Multicolumn card section**.
5. Click **Change** in the icon settings.
6. Expand the **Font Awesome** accordion, and enter the class name of the desired Font Awesome icon.

For example, for the code `<i class="fa-solid fa-files"></i>`, the class name is `fa-solid fa-files`.