Text with icons

You can add text with icons to clearly define content or policies in your store.

Section
Description

Heading

Text Enter text to display as a title in the section.

Note: Use the slash "/" "/" to highlight words. The following example: /Text/. Size Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Alignment

Following is the heading alignment customization of the heading of the section:

  • Left

  • Center

  • Right

Column to show on desktop

"Column to show on desktop" is to customize the column on the desktop screen. You can show a minimum of “2” and a maximum of “5” text with icon.

Icon width

"Icon width" is used to change the size of the section icon. You can give the minimum width "20px" and maximum width "65px" of the icon.

Content alignment

Section "Content alignment" is as follows:

  • Left

  • Center

Direction

Image with icons "Direction" is as follows:

  • Row

  • Column

Space between content and scrollbar

"Space between content and scrollbar" is used to add space between content and scrollbar. You can give the minimum space "0px" and maximum space "12px".

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6

Add text with icon

Click on "Add text with icon" and its customization is as follows.

Block
Description

Icon image

In the section, the icon image are given to select that you want to add.

Custom svg code

Add custom svg code that you want to display.

Icon

In the section, the icons are given to select. are for selecting:

  • None

  • Cube

  • Rating

  • Discount

  • Heart

  • Bag

  • Best price

  • Return

  • X mark

  • Box

  • 24/7 Service

  • Secure payment

  • Offer

  • Support

  • Truck

  • Dollar sign

  • Gift

  • Color User

  • Color Payment

  • Color gift

  • Color shipping

  • Planning

  • Material

Heading

Enter text to display as a title in the section.

Description

Enter text to display in the “Description” section.

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6

Last updated