# Social

Adding a **Social** to the footer is simple. Configure the following settings to add a **Social** to your footer:

1. Select the **Footer** option from the theme editor.
2. Click on **Add block**. Select **Social** from **Theme Block** dropdown.

#### Social media icons

_<mark style="color:red;">To display your social media accounts, link them in your theme settings.</mark>_

<table><thead><tr><th width="239">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Add text to display as a <strong>heading</strong> in the column<br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>heading</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Font weight subheading</td><td><p>Select the font weight from the dropdown menu:</p><ul><li><strong>Normal</strong></li><li><strong>Semibold</strong></li><li><strong>Bold</strong></li></ul></td></tr><tr><td>Heading size</td><td><p>Font size of text:</p><ul><li><strong>h3</strong></li><li><strong>Default</strong></li><li><strong>XX-Small</strong></li><li><strong>X-Small</strong></li><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li><li><strong>X-Large</strong></li><li><strong>XX-Large</strong></li><li><strong>XXX-Large</strong></li></ul></td></tr><tr><td>Social media icon</td><td>Set the color for the media icon</td></tr><tr><td>Use custom color separator</td><td>Enable/disable checkbox</td></tr><tr><td>Separator color on mobile</td><td>Set the color for the separator </td></tr></tbody></table>

#### App store

<table><thead><tr><th width="236">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Show app store ?</td><td>Enable/disable checkbox</td></tr><tr><td>Heading</td><td>Add text to display as a section heading <br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>heading</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Heading size</td><td><p>The size of the heading text:</p><ul><li><strong>h3</strong></li><li><strong>Default</strong></li><li><strong>XX-Small</strong></li><li><strong>X-Small</strong></li><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li><li><strong>X-Large</strong></li><li><strong>XX-Large</strong></li><li><strong>XXX-Large</strong></li></ul></td></tr><tr><td>Font weight subheading</td><td><p>Select the font weight from the dropdown menu:</p><ul><li><strong>Normal</strong></li><li><strong>Semibold</strong></li><li><strong>Bold</strong></li></ul></td></tr><tr><td>Image (1,2)</td><td>Set up an image</td></tr><tr><td>URL (1,2)</td><td>Set the link, for example the customer service page</td></tr></tbody></table>

#### Block spacing

<table><thead><tr><th width="235">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top margin</td><td>Determines the height of the top outside space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Bottom margin</td><td>Determines the height of the bottom outside space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Mobile top padding</td><td>Determines the height of the top outside space of the section on mobile. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Mobile bottom padding</td><td>Determines the height of the bottom outside space of the section on mobile. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr></tbody></table>
