.png){kind=logo}
Icon with text columns
The Icon with text columns section is a versatile feature that allows users to visually split information into distinct columns, each paired with an icon. This section is ideal for clearly and attractively displaying services, features, benefits, or USPs.
It is a particularly versatile section and works well in either the HEADER, TEMPLATE or FOOTER groups.
How to add icon with text columns section
.svg){kind=icon}
- Access the Theme Editor: Navigate to `
Online Store > Themes > Customize`. - Add a Section: Click on `
Add section`and select the desired section from the list of available sections. - Customize Your Section: Adjust the settings such as display type, alignment, and visibility according to your preferences.
If you need a more detailed, step-by-step guide on accessing the theme editor, adding sections and blocks, refer to our Setting up theme sections and blocks article.
General section settings
Within this section, you'll find common settings like section headers, containers, visibility options, and color settings that are consistent across all sections. For more detailed information on these shared settings, please refer to the Common settings between all sections article.
Layout Settings
- Columns on Desktop: Choose how many columns (2-4) to display based on the amount of content.
- Spacing Between Columns: Adjust column spacing to create breathing room on desktop and mobile.
- Add Border: Toggle borders around columns for visual separation.
Display and Icon Settings
- Display Type: Choose vertical or horizontal alignment for icons and text.
- Icon Height: Adjust icon size based on content emphasis.
- Enlarge Text: Make text larger for emphasis, useful for minimal content.
Block Settings (Each Column)
- Icon: Choose or upload a custom icon to visually represent the content.
- Heading: Add a short, clear title for each column.
- Text: Provide a brief description to accompany the heading.
