Text with icons

Configure the section

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:

General

Section visibility Select from the options to select the visibility of this section: -Always -Small (On selecting this, the section will be visible on mobile devices only.) -Large (On selecting this, the section will be visible on large devices only.) 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. Separator line Choose the separator line visibility from below options: - Top - Bottom - Both - None

Column

Desktop column count Adjust the range bar to determine the number of columns on desktop. Desktop column gap Adjust the range bar to determine the gap between columns on desktop. Mobile column count Adjust the range bar to determine the number of columns on mobile. Mobile column gap Adjust the range bar to determine the gap between columns on mobile. Swipe on mobile Enable this checkbox to enable swipe on mobile.

Icon

Icon width Adjust the range bar to determine the icon width on desktop. Mobile icon width Adjust the range bar to determine the icon width on mobile. Icon position Choose the position from top or left.

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: Product card and inner blocks

Icon type

Choose from icon list or custom icon to disply the icon.

Icon list

Choose any icon from the given list of icons.

Custom icon

Select any image for the icon, from the store library.

Title

Add the title to display with the icon.

Last updated