Multicolumn card section

Plans supporting customization of knowledge base site

Professional
Business
Enterprise






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 () > Knowledge base site > Customize site in the Knowledge base portal.

  2. Click Customize site to access the design configurations in the Customize site page.

  3. From the left-side drop-down menu, select the Home page to customize.

    The body section will display a list of body blocks.

  4. Click Add section, then select Multicolumn card section.

    By default, the multicolumn card section includes three elements.

  5. Click the Multicolumn card section to edit the title and overall icon color for the section.

  6. To add more column elements, click Add element under the Multicolumn card section.

  7. The Reorder () icon facilitates the rearrangement of elements.

  8. Click the Hide () icon to toggle the visibility of elements.

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 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 Preview to see your changes in the Knowledge base site.

  3. Once finished, click Save and Publish.


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.


FAQ

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

  1. Navigate to Settings () > Knowledge base site > Customize site > Customize site in the Knowledge base portal.

  2. From the left-side drop-down menu, select the Home page to customize.

  3. Click the desired element in the Multicolumn card section.

  4. Click Change in the icon settings.

  5. 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.