Text columns with icons section
The Text columns with icons section of Borders shows columns with an icon, title, caption and button, in a grid or slider.
Applies to: Borders 3.1.0 and later. Added in: Borders 1.0.0. Last checked: 2026-10-13 against Borders 3.1.0.
The Text columns with icons section shows short text columns, each with an icon, a title, a caption and an optional button. Use it for store promises such as free shipping, returns and support, in a slider or a grid.
Where to find it: select Add section in the theme editor, then choose Text columns with icons.
Layout
- Hide images/icons hides the icons of every column, for text-only columns.
- Desktop layout sets 2 to 6 columns. The layout adapts on smaller screens; for example 4 columns become 3 below 1024 px and 2 below 768 px.
- Layout sets Slider (customers swipe or use the arrows) or Grid (all columns at once, in rows).
- Text alignment aligns the icon and text Left, Center or Right.
- Hide borders (Inner content design) removes the lines between the columns.
The Section heading and Section design settings are the shared ones: see General section styling.
Title and caption style
- Title style: Text font (Body or Headings), Text size (Small, Regular, Large) and Text weight (bold).
- Caption style: Text font, Text size and Line height.
Text with icon blocks
Add one Text with icon block per column.
- Select an icon picks one of the 24 built-in icons, for example Shipping truck, Delivery time, Security shield or Giftbox.
- Custom icon replaces the built-in icon with your own image (256 x 256 px). More free icons are at resources.krownthemes.com/icons.
- Title and Caption are the column's text. Heading tag (SEO) sets the title's tag, H3 by default.
- Button label and Button link add a button under the caption; Open link in a new window opens it in a new tab.
How do I use my own icons?
Upload them in Custom icon on each Text with icon block. A custom icon replaces the one chosen in Select an icon. Use square images of 256 x 256 px; transparent PNG or SVG icons in one color look best.
Why are my columns in a slider instead of a row?
Layout is set to Slider. With more columns than fit, customers swipe through them. Set Layout to Grid to show all columns at once, wrapping into new rows.
All Text columns with icons settings
Every setting on this page, with its type and default.
Accepts these blocks: Text with icon.
Text columns with icons section: Section heading
Where to find it: Text columns with icons → Section heading
Heading (text box, default: "Text columns with icons").
Heading tag (dropdown, default: H2): Specify heading level to help search engines index the structure of your page. Options: H1, H2, H3, H4, span.
Hide heading border (checkbox, default: off).
Text columns with icons section: Layout
Where to find it: Text columns with icons → Layout
Hide images/icons (checkbox, default: off): Hides the icon of every column, for text-only columns.
Desktop layout (dropdown, default: 4 columns): Sets the number of columns on desktop. They adapt on smaller screens, for example 4 columns become 3 below 1024 px and 2 below 768 px. Options: 2 columns, 3 columns, 4 columns, 5 columns, 6 columns.
Layout (dropdown, default: Slider): Shows the columns in a slider with arrows, or all at once in a grid that wraps into rows. Options: Slider, Grid.
Text alignment (dropdown, default: Left). Options: Left, Center, Right.
Text columns with icons section: Title style
Where to find it: Text columns with icons → Title style
Text font (dropdown, default: Headings). Options: Body, Headings.
Text size (dropdown, default: Small). Options: Small, Regular, Large.
Text weight (bold) (checkbox, default: on).
Text columns with icons section: Caption style
Where to find it: Text columns with icons → Caption style
Text font (dropdown, default: Body). Options: Body, Headings.
Text size (dropdown, default: Small). Options: Small, Regular, Large.
Line height (dropdown, default: Default). Options: Default, Small, Medium, Large.
Text columns with icons section: Section design
Where to find it: Text columns with icons → Section design
Color scheme (color scheme, default: scheme_1).
Hide section bottom border (checkbox, default: off).
Text columns with icons section: Inner content design
Where to find it: Text columns with icons → Inner content design
Hide borders (checkbox, default: off): Removes the lines between the columns.
Text with icon block
Where to find it: Text columns with icons → Add block → Text with icon
Select an icon (dropdown): One of the built-in icons, shown when no Custom icon is set. Options: Business: Earth globe, Business: Flag, Business: Helpline, Business: Like hand, Business: Map marker, Business: Security shield, Business: Star, Commerce: Appointment, Commerce: Archive box, Commerce: Box, Commerce: Checkout cart, Commerce: Currency, Commerce: Delivery, Commerce: Delivery time, Commerce: Giftbox, Commerce: Label, Commerce: Open 24 hours, Commerce: Open box, Commerce: Paper bag, Commerce: Shipping truck, Commerce: Store, Commerce: Time, Commerce: Time limit, Commerce: Wallet.
Custom icon (image): Your own icon image; it replaces the built-in icon.
Text with icon block: Text content
Where to find it: Text columns with icons → Add block → Text with icon → Text content
Title (text field, default: "Text with icon").
Caption (rich text, default: "Introduce your brand").
Button label (text field).
Button link (link).
Open link in a new window (checkbox, default: off).
Text with icon block: SEO
Where to find it: Text columns with icons → Add block → Text with icon → SEO
Heading tag (dropdown, default: H3): Sets the HTML tag of this column's title for search engines; it does not change its look. Options: H1, H2, H3, H4, span.
Related pages
- Text columns with images section: the same columns with larger images.
- General section styling: the heading and design settings this section shares.
- Borders sections: every section you can add.