1. Click on one of the "Add element" links that are found all across your website while you are in the administrative panel.
2. Select the "Simple icon" item from the window with all the elements.
3. This will display a new window "Simple icon options". Into the lower part of the window you can find more than 350 icons. Select the icon you want to use by clicking on it.
4. In the window for the icons options you have the following options:
- Size: small, medium and large. With this option you can adjust the size of the icon that will be placed on the web page.
- Alignment: left, central and right. This option defines how the icon will be positioned on the page.
- Color: option that will define the color of the icon.
- Icon text: text that stands on the right of the icon.
- Text color: color of the text.
- Link: this option will open a page of your website or a page from an external website when the icon is clicked.
5. Click "OK" and your icon will be placed on the web page, just below the "Add element" link you clicked earlier.
Animated icons, unlike the simple icons, have effects with animation that appear when the visitors hover the "mouse" over them. To add an animated icon on your website, you should do the following:
1. Click on the link "Add element" that is found all around your website pages while you are in the administrative panel.
2. Select the "Animated icon" item from the window with all the elements.
3. This will display a new "Animated icon options” window which contains more than 350 icons, placed on the lower part of the window. Select the icon you want to use by clicking on it.
4. After selecting the icon, you can find a box that contains a preview of the selected icon in the upper right corner. The available options for the icons are the following:
- Size: small, medium and large. With this option you can adjust the size of the icons that will be placed on the web page.
- Alignment: left, central and right. This option defines how the icon will be positioned on the page.
- Link: option that allows you to associate the icon with a page of your website or to an external website. When your visitors click on the icon, it will take them to the web page that you have linked with the icon.
5. Click "OK" and your icon will be placed on the web page, just below the "Add element" link you clicked earlier.
If you want to add text just below the icons, click on the "Add element” link below the icon and then select the “Text" element from the window with all the elements.
If you want to add text next to the icon, then the icon element and the text element should be placed in columns. Adding columns can be done through "Add element -> Structure -> Columns”.