Text with icons type 1

The section in the Storytelling chapter is designed to combine concise written content with visual icons, creating a clear and engaging way to communicate key messages or features.

This section pairs short pieces of text with relevant icons, making information easier to scan and understand at a glance. The design is clean and structured, allowing the icons to visually support the text without overwhelming the page.

By using Text with Icons: Type 1, you can highlight important features, benefits, or steps in a visually appealing way, enhancing comprehension and keeping visitors engaged. This section not only strengthens the storytelling flow of your store but also helps communicate information efficiently, providing a more interactive and user-friendly experience that guides visitors through your brand narrative.

Location: Sections -> Templates -> Storytelling: Text with icons type 1

---

Text with icons type 1 – Options Overview

Option	Brief Explanation
Heading
Subheading	Small text displayed above the main heading.
Heading	Main title of the section.
Description	Supporting text displayed under the heading.
Heading alignment	Align the section heading Left or Center.
Layout
Top spacing	Controls space above the section (None, Small, Medium, Normal).
Home page top spacing none	Removes spacing only when the section is on the homepage.
Width	Set section width (Default, Boxed, Wide). Wide applies on screens ≥1440px.
Number of columns	Set number of blurbs per row (2–8).
Number of columns on tablet	Set columns for tablet screens (2–4).
Blurb
Text align	Align text inside each blurb (Left or Center).
Heading size	Choose heading size (Medium, Small, Extra small).
Icon width	Controls icon size.
Show icon box	Enable a box/frame around the icon.
Icon box roundness	Adjust corner radius of the icon box.
Underline on hover	Adds underline under clickable headings on hover.
Slider settings
Enable slider	Converts blurbs into a scrollable slider.
Dividing line
Show	Display or hide a dividing line in the section.
Background
Background	Choose background type: Hide, Color, Gradient, or Image.
Colors
Base	Base text color.
Accent	Highlight or accent color.
Lines	Dividing line color.
Blurb (color & style settings)
Heading	Blurb heading color.
Heading link hover	Color on hover when the heading links to a page.
Description	Text color for blurb description.
Icon	Icon color.
Icon box	Icon box color.
Link	Link color.
Link icon	Color of the icon used in links.
Link hover	Link hover color.
Link icon hover	Icon hover color for link icons.
Text box	Background color of text area (if used).
Media button
Slider arrows	Style of arrows used in slider navigation.

Blurb subsection - Options Overview

Each section contains Blurb subsections, which can be added as many as needed. Each blurb acts as one informational item and typically includes an icon, heading, description, and an optional link. This makes blurbs perfect for listing product benefits, service features, delivery options, brand principles, or store values.

Blurb Subsection Option	Explanation
Show icon	Enable or disable the icon for this blurb.
Preset icon name	Select an icon from theme’s built-in icon library.
Heading	Main title of the blurb.
Text	Supporting description for additional detail.
Link name	Text for the clickable link.
Link	URL the link redirects to.