Multicolumn card

The Multicolumn card section lets you display content in a structured, side-by-side column layout on your knowledge base home page. Each column includes an icon, a title, and a description, giving you a visually scannable way to present multiple related pieces of information at once - without relying on long paragraphs or nested lists. This makes it particularly effective for showcasing product features, service offerings, or key documentation categories, where readers need to compare or browse options at a glance rather than read sequentially.

When to use the Multicolumn card section

• Feature highlights - Use it to display your product's key features, each with an icon, a short title, and a one-line description. Readers can quickly understand what the product offers without reading long paragraphs.
• Category navigation - Present major knowledge base sections as cards, giving readers a quick visual overview of what's available and where to go.
• About or team sections - Introduce team areas, departments, or service offerings with an icon and short description for each.
• Support tiers or contact options - Display multiple support channels (e.g. email, chat, docs) side by side with relevant icons and short descriptions.

How to add a Multicolumn card section

1. Navigate to Settings () in the left navigation bar of the Knowledge base portal.
2. In the left navigation pane, navigate to Knowledge base site > Site customization.
3. Click the Customize site button.

4. From the left dropdown, select the Home page. The Body section displays the list of body blocks.
5. Click Add section and select Multicolumn card section. The block is added with three default elements.
6. Click the Multicolumn card section header to edit the section title and overall icon color.
7. Click Add element to add more column elements beyond the default three.
8. Use the Reorder () icon to rearrange elements within the section.
9. Click the Hide () icon to toggle the visibility of individual elements.

How to configure column elements

Click any element in the section to edit its attributes:

How to save and publish

• Use the Preview toggle on the right to review your changes.
• Click Save to save your changes.
• Click Publish to make changes live.

Knowledge base site view

Here is an example of a Multicolumn card section as it appears on the knowledge base site.

How to delete a Multicolumn card section

1. Click the Multicolumn card section in the body blocks list. The section navigation bar appears.
2. Click Delete () in the navigation bar.
3. Click Yes in the Delete confirmation prompt.
4. After deleting, click Save to save as a draft, Preview to review, and Publish to make changes live.

Best practices

• Keep column descriptions short - one to two sentences per column works best. Long descriptions break the visual balance of the card layout.
• Use consistent icon styles - mixing filled, outlined, and custom image icons in the same section looks inconsistent. Choose one style and stick to it.
• Use three to four columns - more than four columns on a standard screen makes each card too narrow to read comfortably.
• Match icon color to your brand - the icon color setting applies to all icons in the section, so choose a color that complements your site's brand color.
• Use square images if uploading custom icons - non-square images may appear distorted. Recommended dimensions are 30×30px or 50×50px.

FAQ