Text with icons

Text with icons

What is a Text with Icons Section?

A Text with Icons Section allows you to display important information accompanied by icons, adding visual emphasis and making the content more engaging. This section is ideal for showcasing key features, contact information, services, or benefits with a clear, icon-based visual aid next to the text.

Steps to Set Up a Text with Icons Section:

1. In your Shopify admin, go to Online Store > Themes and click Customize to enter the theme editor.

2. Add the Text with Icons Section to your page from the available section options.

3. On the right-hand side of the editor, customize the section settings by selecting a color scheme to match the design theme of your store.

4. Set the heading size (Small, Medium, or Large) and align it to the left, center, or right as needed.

5. Adjust icon placements to either default (inline with text), top (above the text), or reverse (icon on the right).

6. Use the section spacing sliders to control the padding above and below the section for proper layout.

Adding Information with Icons:

1. After adding the section, set up individual blocks for the content.

2. Add the main heading for the content.

3. Set the heading size (Small, Medium, Large) and adjust alignment.

4. Add a subheading for additional details, such as a phone number or email address.

5. Choose relevant icons from the available options, icons can be selected from a pre-defined library available in the theme, allowing you to visually represent the content effectively.

6. Use Custom CSS to add any specific styling preferences for icons, text, or the overall section design.