Text columns with images section
The Text columns with images section of Local shows images with a title, text and link in columns, as a grid or slider.
Applies to: Local 4.2.1 and later. Added in: Local 1.0.0. Last checked: 2026-10-13 against Local 4.2.1.
The Text columns with images section shows a row of images, each with a title, a caption and an optional link, as a slider or a grid. It works like Text columns with icons, with an image in place of the icon and a card design option.
Where to find it: Online Store → Themes → Customize → Add section → Text columns with images
Content
- Layout shows the items as a Slider (default) or a Grid.
- Desktop layout sets 3, 4 (default), 5 or 6 items per row on desktop. The layout adapts on smaller screens.
- Border radius rounds the images, 0 to 200 px. The default 200 px makes square images round.
Custom card design
- Inherit card design properties shows every item as a card, with the card background, border, corner radius and shadow from Theme settings. When it is off, the items are plain image and text on the section background.
- With it on, Background, Text, Accent, Border, Shadow, Hide border and Hide shadow override the card colors for this section.
Text color under Section design sets the heading and text color when the items are not cards. The other settings are the standard ones, see General section styling.
Blocks
Text with icon
Each item is a block that keeps the name Text with icon in the editor, although it shows an image.
- Image is the picture of the item, ideally 640 x 640 px.
- Title and Caption are the text. The title's tag is under SEO → Heading tag.
- Link makes the item clickable. Open link in a new window opens it in a new tab.
Unlike Text columns with icons, the items have no icon picker and no icon color.
How do I show square images instead of circles?
Set Border radius to 0 px for square corners, or to a small value such as 10 px for slightly rounded ones.
All Text columns with images settings
Every setting, with its type and default.
Accepts these blocks: Text with icon.
Text columns with images section: Heading
Where to find it: Text columns with images → Heading
The Text columns with images section uses the standard Heading settings, listed in General section styling.
Heading (text field, default: "Text columns with image").
Subheading (text field, default: "Share your best offers").
Text alignment (dropdown, default: Left). Options: Left, Center.
Show section link (checkbox, default: off): Adds a text link next to the section heading. Fill Link text and Link too.
Link text (text field). Shown only when Show section link is on.
Link (link). Shown only when Show section link is on and Link text is set.
Open link in a new window (checkbox, default: off). Shown only when Link is set and Show section link is on and Link text is set.
These settings differ from the standard ones or exist only here:
Heading (text field, default: "Text columns with image").
Subheading (text field, default: "Share your best offers").
Text columns with images section: Content
Where to find it: Text columns with images → Content
Layout (dropdown, default: Slider). Options: Slider, Grid.
Desktop layout (dropdown, default: 4 columns): The layout adapts itself for mobile devices. Options: 3 columns, 4 columns, 5 columns, 6 columns.
Border radius (slider 0 to 200 px, step 2, default: 200 px): Rounds the images. 200 px makes square images round; 0 px keeps square corners.
Text columns with images section: Custom card design
Where to find it: Text columns with images → Custom card design
The Text columns with images section uses the standard Custom card design settings, listed in General section styling.
Inherit card design properties (checkbox, default: off): Shows every item as a card with the card style from Theme settings, and shows the color settings below.
Background (color, default: transparent). Shown only when Inherit card design properties is on.
Text (color, default: transparent). Shown only when Inherit card design properties is on.
Accent (color, default: transparent). Shown only when Inherit card design properties is on.
Border (color, default: transparent). Shown only when Inherit card design properties is on.
Shadow (color, default: transparent). Shown only when Inherit card design properties is on.
Hide border (checkbox, default: off). Shown only when Inherit card design properties is on.
Hide shadow (checkbox, default: off). Shown only when Inherit card design properties is on.
These settings differ from the standard ones or exist only here:
Inherit card design properties (checkbox, default: off): Shows every item as a card with the card style from Theme settings, and shows the color settings below.
Accent (color, default: transparent). Shown only when Inherit card design properties is on.
Text columns with images section: Section design
Where to find it: Text columns with images → Section design
The Text columns with images section uses the standard Section design settings, listed in General section styling.
Background color (color, default: transparent).
Background gradient (gradient).
Text color (color, default: transparent): Sets the color of the heading and, when the items are not cards, of their text.
Descrease top margin (checkbox, default: off): Sets the space above the section to the grid gap of Theme settings → Layout → Horizontal space, instead of the full space between sections. Shown only when Remove top margin is off.
Remove top margin (checkbox, default: off): Removes the space above the section, so it touches the section before it. Shown only when Descrease top margin is off.
These settings differ from the standard ones or exist only here:
Text color (color, default: transparent): Sets the color of the heading and, when the items are not cards, of their text.
Text columns with images section: SEO
Where to find it: Text columns with images → SEO
The Text columns with images section uses the standard SEO settings, listed in General section styling.
Heading tag (dropdown, default: H2): Sets the HTML tag of the heading for search engines. It does not change how the heading looks. Options: H1, H2, H3, H4, span.
Text columns with images section: Visibility
Where to find it: Text columns with images → Visibility
The Text columns with images section uses the standard Visibility settings, listed in General section styling.
Section visibility (dropdown, default: Show always): Shows the section on every screen, only below 768 px (mobile) or only from 768 px (desktop, tablets included). A hidden section is still in the page. Options: Show always, Show only on mobile, Show only on desktop.
Text with icon block
Where to find it: Text columns with images → Add block → Text with icon
Image (image): 640 x 640px.
Text with icon block: Text content
Where to find it: Text columns with images → Add block → Text with icon → Text content
Title (text field, default: "Text with image").
Caption (text field, default: "Introduce your brand").
Link (link).
Open link in a new window (checkbox, default: off). Shown only when Link is set.
Text with icon block: SEO
Where to find it: Text columns with images → Add block → Text with icon → SEO
Heading tag (dropdown, default: H3): Sets the HTML tag of the heading for search engines. It does not change how the heading looks. Options: H1, H2, H3, H4, span.
Related pages
Text columns with icons
The Text columns with icons section of Local shows icons with a title, caption and link, as a grid or slider, for store policies or features.
Video
The Video section of Local plays a YouTube, Vimeo or Shopify video, with a separate mobile video, a poster image, autoplay and looping.