Icon with text columns
Last updated
Was this helpful?
Last updated
Was this helpful?
Use the Icon with text columns section to display a row of text blocks with icons. You can highlight your company values, process, or key elements of your product.
Editing templates will change all pages that use the same template. Create new templates for different page layouts, or show dynamic page content in the same template.
In the editor side panel, click (+) Add section and select Icon with text columns. Click and hold the drag handles ⋮⋮
to re-order sections.
Sections include general styles. Click the section to find options for colors, spacing, and animations.
Section colors
Section spacing
Section animations
Click a Column block to find the following settings.
Icon
Choose one of 30+ icons to display next to the heading of the row item.
Heading
Add text for the row item heading.
We recommend using a short title or question that is answered in the row item text.
Link
Select or paste a URL that the icon will link to when clicked.
Custom icon image
Upload your own icon image to display next the heading.
We recommend a .png image with a transparent background and minimum dimensions of 50px by 50px.
Text
Add text that will expand beneath the heading.
Click the Icon with text columns section to find the following settings.
Icon design
Icon framing
Choose to show a Circle or Slightly rounded border around the icons. Select None to show no border.
Icon framing style
Choose to display icons with a solid color background (Filled), or with a border and no background (Outlined).
Icon frame color
Choose to use the Accent color (from your theme settings) or the Current text color (from the section settings).
Icon width
Set the pixel width of icons for desktop screens: between 10 and 50 pixels.
Mobile icon width
Set the pixel width of icons for mobile screens: between 10 and 50 pixels.
Desktop layout
Icon alignment
Increase or decrease the amount of space above the section.
Columns per row
Choose how many items to display in each row: between 2 and 8 columns.
Content width
Display the section at Full width or use the slider to set a custom width.
Custom width
Set the maximum width of the section: between 400 and 1200 pixels.
The section will change in size to fit smaller screen sizes.
Related links