# How to add Social Icons to Post submit message

**URL:** https://community.elfsight.com/t/how-to-add-social-icons-to-post-submit-message/140544
**Category:** Platform Tips
**Tags:** squarespace
**Created:** [October 13, 2025, 2:12am UTC](https://community.elfsight.com/t/how-to-add-social-icons-to-post-submit-message/140544 "2025-10-13T02:12:44Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)
#### Post date: [October 13, 2025, 2:12am UTC](https://community.elfsight.com/t/how-to-add-social-icons-to-post-submit-message/140544/1 "2025-10-13T02:12:45Z")

</div>

To add Social Icons to Post submit message, like this

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/2/02dfd59ddce52d8d94d9d4b65d98c5bffe265a2d.png)

**#1.** First, add a Social Links Block under Form Block

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/7/478fefe726a9e0cae758a4520cf40459094431bc.png)

**#2.** Next, find ID of Social Links Block

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/0/006ea0f417a61bdfe3ad4659eee1a23d50d468a0.png)

**#3.** Use this code to Custom CSS

```auto
div.form-block:has(.react-form-contents--submitted) {
    .socialaccountlinks-v2-block {
    display: block;
}
.sqs-block-content {
    display: flex;
    flex-direction: column-reverse;
}
    nav {
        justify-content: flex-start;
    }
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/b/8/b80e687ceecb8f621bf5ab94622e632830579be0.jpeg)

**#4.** Use this code to Page Header Injection (page where you use Form Block)

```auto
<script>
document.addEventListener('DOMContentLoaded', function() {
    const elementToMove = document.querySelector('#block-yui_3_17_2_1_1757663894628_8477');
    const targetContainer = document.querySelector('.sqs-form-block-submission-html');
    
    if (elementToMove && targetContainer) {
        targetContainer.appendChild(elementToMove);
    }
});
</script>
<style>
div.form-block .socialaccountlinks-v2-block {
    display: none;
}
</style>

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/8/3846cf2be4ff2eaf3310949aaad28f032615e788.jpeg)

**#5.** Remember to update Social Links Block ID

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/a/a/aa332693e4c8775e1be630edb8c1505bf3c70804.jpeg)