Icon

Please Note: This article applies to Free Trial accounts created on or after 16 December 2024 and Website, Website+Marketing and eCommerce packages created on or after 18 December 2024. If your accounts were created before these dates, please refer to the article Elements Management.

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 and drop using the grid.

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 and drop it using the grid.

Moving and Resizing the Icon

Please refer to the Elements Management (New Grid) article to learn more about moving and duplicating elements.

Customizing an Icon

To edit, duplicate or delete the element, click on it and switch between the buttons that appears in its toolbar:

Editing the Icon

Click on the element and choose the Edit button that appears in its toolbar:

Settings Button

Click the Settings button to be able to change the following:

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 Button

Please Note: The default background for the icon is not applied.

Click the Background button to be able to change the following:

Background Shape: Add a background shape to the icon by clicking the area on the left. The color will be added automatically.
Remove Background: To Remove the background shape, select the [X] Icon.
Background Color: Change the Background Color by clicking the square icon to open the color picker.
Background Size: Use the Slider Control to configure the size of the background shape.