Articles on: Components & Elements

Social Icons element

Getting Started



You can add social icons to your website using the Social Icons element. This article will cover how you can add and edit a button using the following element. Follow all instructions accordingly.

Adding the Social Icons element



Follow the steps below to add Social Icons to your site.

- Click on the (+) button labelled Add Element or Container within an empty container
- From the Elements tab, select the Social Icons element

Refer to the GIF below:






Social Icons element after it is added

Editing the Social Icon element



Follow the steps and instructions below to add and edit a Social Icon on your site.

The Social Icon element editor has the following options:

Social Icon List
Icons Style
Background

The Regular Button element editor:



Social Icons List



In this option, you can copy, edit, and add new social icons. You can edit the icons individually as well.

Refer to the GIFs and the Image below to see the settings being demonstrated inside this option ⬇️







Icon Style



You can stylize your social media icons in this option. With settings like changing the size of the icons, changing the color etc.

Refer to the GIFs below to see the settings being demonstrated inside this option ⬇️



Background



You can change the style of your background of the social icon element with this option.

Refer to the GIFs below to see the settings being demonstrated inside this option ⬇️

Updated on: 13/05/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!