✨Text with icon

Section visibility

Select from the options to select the visibility of this section: -Always -Small devices only(On selecting this, the section will be visible on mobile devices only.) -Large devices only

Make top corners rounded

Select this checkbox to show the top corners rounded of the section.

Heading

Add heading text. (Note: To highlight the text with a different color, simply wrap it in bold.)

Heading size

Select the heading size from the H1-H6 options.

Heading tag

Choose the heading tag from H1-H6 for SEO purposes.

Heading alignment

Choose from Left or Center to determine the heading alignment.

Column

Desktop column count Adjust the range bar to determine the columns count on desktop. Enable background Select this checkbox to enable the column background. Mobile column count Choose from one or two to determine the columns count on mobile. Enable swipe on mobile Tick this checkbox to enable the swipe on mobile. Content alignment Choose from left, center or right to determine the content alignment.

Icon

Position Choose from left or top to determine the icon position. Size Choose from small, medium or large to determine the icon size. Show background Tick this checkbox to show the icon background color.

COLOR

Color scheme Select the color scheme.

Note: These can be managed from Theme settings> Color schemes. Section background Choose any color for the section background color. It works with the rounded corners only. Heading highlight Choose any color for the highlighted heading color.

Section spacing

Top spacing (desktop)

Adjust the range bar to add spacing at the top of the section for desktop view.

Bottom spacing (desktop)

Adjust the range bar to add spacing at the bottom of the section for desktop view.

Top spacing (mobile)

Adjust the range bar to add spacing at the top of the section for mobile view.

Bottom spacing (mobile) Adjust the range bar to add spacing at the bottom of the section for mobile view.

Block settings

Icon

Choose any icon from the list.

SVG code

Add SVG code for the icon.

Heading

Add heading text. (Note: To highlight the text with a different color, simply wrap it in bold.)

Heading size

Select the heading size from the H1-H6 options.

Heading tag

Choose the heading tag from H1-H6 for SEO purposes.

Description

Add any text to appear as the description.

Color

Icon background Choose any color for the icon's background. Heading highlight Choose any color for the highlighted heading color.

Last updated