Icon

Adding an Icon

Option 1

• Hover over the desired section and click the Add Element.

• Choose the Icon element from the modal that appears:

• After you choose the element from the list, drag it to the desired section.

Option 2

• Hover over the left sidebar of the Site Editor and click Build (+) button:

• Choose the element:

• After you choose the element from the list, drag it to the desired section.

Moving and Resizing the Icon

Please refer to the Elements Management article to learn more about moving and resizing elements.

Customizing an Icon

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

Settings

• Icon Color: Click the Square icon on the right of the сolor to open the color picker to change the Icon Color:
• Replace Icon: Click the icon area to select a different icon from the pop-up.
• Icon Size: Use the Slider Control to configure the size of the Icon:

Background

• Add Background: Add a background to the Icon.

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

• Background Color: Click the Square icon to open the color picker to change the Background Color.
• Replace Background: Click the icon area to Replace or Remove the background shape.
• Remove Background: To Remove the background shape, select the [X] Icon.
• Background Size: Use the Slider Control to configure the size of the background shape.
• Align the Icon: You can align the icon (with the background) to the Left, Right, or place it in the Center of the placeholder.
• Rotate the Icon: Rotate the Icon Left or Right.
• Flip the Icon: You can flip the Icon Vertically or Horizontally.