Icon

Adding an Icon

The Icon feature can be placed into different blocks via Drag & Drop. To add the feature:

  • In the Site Editor, hover over the left sidebar and click Build:

  • In Features, drag the Icon and drop it to the preferred area:

Customizing an Icon

Click an Icon to display the editing menu and be able to change the following:

Settings

  • Click the Square icon on the right of the сolor to open the color picker to change the Icon Color:
  • Click the icon area to Replace the Icon:

  • In the pop-up, Select the desired Icon:

  • The replaced Icon will be displayed in the Editor:

  • Use the Slider Control to configure the size of the Icon:

Background

  • Add a background to the Icon:

Please Note: After clicking, the background for the Icon will be added automatically:

  • Click the Square icon on the right of the сolor to open the color picker to change the Background Color:

  • Click the icon area to Replace or Remove the background shape:

  • To Remove the background shape, select the [X] Icon:

  • To Replace the background shape, select the desired shape:

  • Use the Slider Control to configure the size of the background shape:

Align the Icon

Align the Icon (with the background) to the Left, Right, or place it in the Center of the placeholder:

  • Center:

  • Right:

  • Left:

Rotate the Icon

Rotate the Icon Left or Right.

  • Rotate left:

  • Rotate right:

Flip the Icon

You can flip the Icon Vertically or Horizontally.

  • Flip horizontally:

  • Flip vertically: