Text columns with images section
The Text columns with images section of Borders shows columns with an image, 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 images section shows columns that each have an image, a title, a caption and an optional button, in a slider or a grid. Use it for categories, features or short stories with a picture.
Where to find it: select Add section in the theme editor, then choose Text columns with images.
Layout
- 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).
- Aspect ratio crops every image to one shape, from Wide (2:1) to Taller (2:3). See Recommended image sizes.
- Text alignment aligns the text Left, Center or Right.
- Hide borders, Remove border radius and Remove inner padding & border radius (Inner content design) change the columns' frame.
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.
Image with text blocks
Add one Image with text block per column.
- Image is the column's picture (640 x 640 px recommended), cropped to the section's Aspect ratio.
- Media shape rounds two or all corners of the image into a half circle.
- Image link makes the image a link, with the image hover effect from Theme settings → Animations. Its Open link in a new window opens it in a new tab.
- 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, with its own Open link in a new window.
Why are my images cropped?
Every image is cropped to the section's Aspect ratio, so the columns line up. Choose the ratio closest to your images, or crop them to that ratio before uploading.
Can the whole column be a link?
The image can: set Image link. The text has no link of its own; add a Button label and Button link for a link under the text.
All Text columns with images settings
Every setting on this page, with its type and default.
Accepts these blocks: Image with text.
Text columns with images section: Section heading
Where to find it: Text columns with images → Section heading
Heading (text box, default: "Text columns with images").
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 images section: Layout
Where to find it: Text columns with images → Layout
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.
Aspect ratio (dropdown, default: Square (1:1)): Crops the image of every column to this shape. Options: Wide (2:1), Landscape (16:9), Standard (3:2), Short (4:3), Square (1:1), Tall (5:6), Taller (2:3).
Text alignment (dropdown, default: Left). Options: Left, Center, Right.
Text columns with images section: Title style
Where to find it: Text columns with images → 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 images section: Caption style
Where to find it: Text columns with images → 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 images section: Section design
Where to find it: Text columns with images → Section design
Color scheme (color scheme, default: scheme_1).
Hide section bottom border (checkbox, default: off).
Text columns with images section: Inner content design
Where to find it: Text columns with images → Inner content design
Hide borders (checkbox, default: off): Removes the lines between the columns.
Remove border radius (checkbox, default: off).
Remove inner padding & border radius (checkbox, default: off).
Image with text block
Where to find it: Text columns with images → Add block → Image with text
Image (image): 640 x 640px.
Media shape (dropdown, default: None): Rounds two corners (top, right, bottom or left side) or all corners of this image into a half circle. Options: None, Top rounded, Right rounded, Bottom rounded, Left rounded, Fully rounded.
Image link (link): Makes this column's image a link, with the image hover effect from Theme settings → Animations.
Open link in a new window (checkbox, default: off).
Image with text block: Text content
Where to find it: Text columns with images → Add block → Image with text → 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).
Image with text block: SEO
Where to find it: Text columns with images → Add block → Image with text → 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 icons section: the same columns with small icons.
- General section styling: the heading and design settings this section shares.
- Recommended image sizes: the sizes for each aspect ratio.