Skip to content

Multi-Column Layout ​

In Content Builder, you can create multi-column layouts within a Box to arrange content. When you hover over a column, a column toolbar appears.

Column Toolbar ​

ButtonNameDescription
⋮MoreExpand more options (see below)
➕AddAdd a new column to the right
📋DuplicateDuplicate the current column
⬆IncreaseIncrease column width
⬇DecreaseDecrease column width
<>HTMLEdit column HTML source code
✕DeleteDelete the current column

More Menu ​

After clicking the More (⋮) button in the toolbar, the following move options are displayed:

ButtonNameDescription
←Move LeftMove the column to the left
→Move RightMove the column to the right
↑Move UpMove content up
↓Move DownMove content down

How to Use ​

  1. When adding a content block within a Box, select a multi-column layout preset template
  2. Hover over a column and the toolbar will automatically appear
  3. Use the Increase/Decrease buttons to adjust column width ratios
  4. Use the Add button to add more columns
  5. Use Duplicate to quickly copy the same column structure

Fiwetis DNN Roofing Theme Documentation