Text with icons type 2
The section in the Storytelling chapter is designed to present key information in a visually appealing and organized manner, pairing short text elements with distinctive icons.
Compared to Type 1, this layout often emphasizes a more prominent or detailed arrangement of icons and text, allowing for richer visual storytelling while maintaining clarity.
This section is ideal for highlighting product features, benefits, services, or steps in a process in a way that is easy for visitors to scan and understand quickly. By integrating icons alongside text, it enhances comprehension, adds visual interest, and supports the overall flow of your store’s narrative. Text with Icons: Type 2 helps convey information efficiently, reinforces your brand messaging, and creates a polished, engaging experience for users exploring your content.
Location: Sections -> Templates -> Storytelling: Text with icons type 2
Text with icons type 2 – Options Overview
Heading
Subheading
A short descriptive line displayed above the main heading.
Heading
Main title text for the section.
Description
Supporting text displayed below the heading.
Heading alignment
Align the heading to the Left or Center.
Layout
Top spacing
Space above the section (None, Small, Medium, Normal).
Home page top spacing none
Removes top spacing when displayed specifically on the home page.
Width
Section width (Default, Boxed, Wide). Wide works on screens 1440px and wider.
Number of columns
Number of blurbs per row (2–8).
Number of columns on tablet
Number of blurbs per row on tablets (2–4).
Blurb
Align text relative to icon
Position text at the Top or Center relative to the icon.
Heading size
Choose heading size (Medium, Small, Extra small).
Icon width
Set the icon size (20–100px).
Show icon box
Enable a background box/frame around the icon.
Icon box roundness
Adjust how rounded the icon box corners are.
Underline on hover
Adds an underline to clickable headings when hovered.
Dividing line
Show
Display or hide a dividing horizontal line.
Background
Background
Set section background: Hide, Color, Gradient, or Image.
Colors
Base
Set base text color.
Accent
Set highlight or accent color.
Lines
Set color for dividing lines.
Blurb (color & style settings)
Heading
Color of the blurb heading text.
Heading link hover
Heading hover color when it acts as a link.
Description
Color of the descriptive text.
Icon
Color of the icon.
Icon box
Background/frame color for the icon box.
Link
Default link color.
Link icon
Color of any icon inside the link style.
Link hover
Link color on hover.
Link icon hover
Icon color on hover.
Text box
Background color of text area if enabled.
The Blurb subsection is the same as for the section Text with icons type 1 - https://wokiee.gitbook.io/docs/theme-sections/storytelling/text-with-icons-type-1#blurb-subsection-options-overview
Last updated