> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/piano-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webibazaar.gitbook.io/piano-documentation/sections/social-media-gallery.md).

# Social media gallery

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

This section displays a list of social media gallery for easy sharing or navigation.

{% hint style="info" %}
**Recommendation Size**\
Social media gallery image size: 350x350
{% endhint %}

<table><thead><tr><th width="287">Section</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title in the section.</td></tr><tr><td>Hide heading</td><td>By enabling this checkbox, you have the ability to hide section heading.</td></tr><tr><td>User details position</td><td><p>Customization of the "User details position" in the social media gallery is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li><li>Next to post</li></ul></td></tr><tr><td>Post per row</td><td>"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “2” and a maximum of “5” columns.</td></tr><tr><td>Layout</td><td><p>Customization of the "Layout" in the social media gallery is as follows:</p><ul><li>Slider</li><li>Grid</li></ul></td></tr><tr><td>User description</td><td><p><strong>Subheading</strong><br>Enter the text you would like to display as a subheading.</p><p></p><p><strong>Heading</strong> </p><p>Enter text to defines the main title or topic of a content section.</p><p></p><p><strong>Description</strong></p><p>Enter the text you would like to display as a description.</p><p><br><strong>User display picture</strong><br>Use "User display picture" to add the image to the section.<br><br><strong>Image type</strong></p><p>Customization of "Image type" is as follows:</p><ul><li>Original</li><li>Circle</li><li>Rounded rectangle</li></ul><p><strong>Username</strong><br>Enter the text you would like to display as a username.<br><br><strong>User sub details</strong><br>Enter the text you would like to display as a user sub details.<br><br><strong>Add instagram tags</strong><br>Enter the text you would like to display as a instagram tags.</p></td></tr><tr><td>Button</td><td><p><strong>Label</strong><br>Use "Label" to add a text to the Button in the section.<br><br><strong>Icon</strong><br>Using this feature will display selected icon next to the button label.</p><p></p><p><strong>Enable icon</strong></p><p>By enabling this checkbox, you have the ability to show icon. </p><p><br><strong>Button link</strong><br>Use "Button link" to add a link to the Button in the section.<br><br><strong>Button style</strong></p><p>Customization of the button style in this section is as follows:</p><ul><li>As a  link</li><li>No fill</li><li>Fill</li></ul><p><strong>Open this link in a new window</strong></p><p>By using the "Open this link in a new window" option, the link will open in a new tab.</p></td></tr><tr><td>Description position</td><td><p>Customization of the "Description position" in the social media gallery is as follows:</p><ul><li>Left</li><li>RIght</li></ul></td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li></ul></td></tr></tbody></table>

<figure><img src="https://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2FeN2Efcn9XLdAqYPWbrxj%2Fsocialmedia.png?alt=media&amp;token=89deb601-b938-482f-846c-c1c9c1ff21be" alt=""><figcaption></figcaption></figure>

## Add post

To add post to the Social media gallery section, click on the 'Add post'. There are many options available , as you can see in the below points and screenshot.

<table><thead><tr><th width="246">Block</th><th>Description</th></tr></thead><tbody><tr><td>Image</td><td>Set post image here.</td></tr><tr><td>Link</td><td>Set social media link here.</td></tr><tr><td>Open this link in a new window</td><td>By enabling this checkbox , you can open link in a new window.</td></tr><tr><td>Enable icon background</td><td>By enabling this checkbox , you can show icon background.</td></tr></tbody></table>

<figure><img src="https://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2FiJ69DfZY93T47C80cC00%2Fsocialmedia-block.png?alt=media&amp;token=50ff6bd5-9289-46a7-8ce9-9f951615657a" alt=""><figcaption></figcaption></figure>