> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Global social links and the “Social icons” element

You can set up global links to the social networks in the site settings. This way, when you add social icons to the blocks, the links are applied automatically. Besides, you can add custom links for the particular block on your site.

Follow the instructions below to add global social links and customize the style of social icons. 

### Adding global social links

1. Open the **Settings** of your site and navigate to the **Social links** tab: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1067-2_72kwtc.png)

2. Click on **Add global social link**: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1068-2_13r71ov.png)

3. Choose the required social network in the pop-up menu: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1058-5_mixegv.png)

|| ${color}[#ffa800](Note:) You can also add a custom icon for the social network. For that, click on the "plus" sign and upload the icon in the new window: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1059-5_e5caj0.png)

4. Go back to the **Social links** tab and add the relevant links to your profiles: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1069-2_1lhjcca.png)

5. Open the site's editor and add a block with the social icons in it: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1062-5_1h003rw.png)

| ${color}[#1aa900](Tip:) You can add social icons to the existing block as well. Check the [Adding elements](https://help.weblium.com/en-us/article/adding-elements-1od52zn/) article for more information.

You will see that these icons will correspond to the ones you set in the site settings. 

6. To set a custom link for the particular block, toggle on the option **Set custom links**, click **Add custom link** and choose the needed icons: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1060-7_98v3kz.png)

### Changing the style of social icons

1. Click on the social icons in the block to access their settings: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1065-4_k3ydym.png)

2. Navigate to the **Style** tab and choose the needed ① **shape**, ② **size** and **gap** for the icons: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/angl-1_14oao8c.png)

|| ${color}[#ffa800](Note:) There is no way to edit each icon separately. 

3. In this tab you can customize the **colors** for your icons as well:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/angl-2_nczfq5.png)

4. You can also use brand color for the icons: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/angl-3_log0r7.png)

5. [Publish the site](https://help.weblium.com/en-us/article/publishing-a-site-tgxmch/) for the changes to appear live.