✨Text with icons

Configure text with icon

Select the customize theme option. Click on the dropdown menu at the top to select the Home page template.

From the left side menu, select Text with icon.

Customize the Text with icon section by utilizing the settings on the right side of the theme editor, as described below:

Text with Icon	Section visibility Select from the options to select the visibility of this section: - Always - Small devices(On selecting this, the section will be visible on mobile devices only.) - Large devices Color scheme Select any color scheme defined in the theme settings>Colors>Schemes. Section background Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme. Container width Choose the container width from below options: - Global - Extra small - Small - Regular - Edges gap - Fullwidth
Column	Desktop column count Adjust the range bar to determine the columns count on desktop. Mobile column count Choose from one or two to determine the number of columns on mobile. Enable swipe on mobile Select this checkbox to enable swipe on mobile. Content alignment Choose the content alignment from the following options: - Left - Center - Right.
Icon	Position Choose the icon's position from following options: - Top - Left - Right Background Choose the background style from following options: - None - Star - Flower Size Choose the icon's size from following options: - Small - Medium - Large
Block content	Heading size Select the heading size from the following options: - Medium - Small - X-small Heading tag Specify heading code types from H1-H6, div, span or p tag for SEO and search engines for crawling purposes. Font family Choose the bold text's font family from the following options: - Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.) Markers font family Choose the markers text font family from the following options: - Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.) Description size Select the description size from the following options: - X- large - Large - Medium - Normal - Small - X-small
Section spacing	Desktop top space Adjust the range bar to add spacing at the top of the section for desktop view. Desktop bottom space Adjust the range bar to add spacing at the bottom of the section for desktop view. Mobile top space Adjust the range bar to add spacing at the top of the section for mobile view. Mobile bottom space Adjust the range bar to add spacing at the bottom of the section for mobile view.

Block settings

Icon	Choose any icon from the given list of icons.
Custom icon	Select any image for the icon, from the store library. (Note: This has a higher priority.)
Heading	Add heading text. (Note: Wrap your text between [ ] to add the markers font and enter ++ for a line break.)
Description	Add description text.
Color	Icon background Choose any color for the icon background. Icon color` Choose any color for the icon.