# Social media gallery

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

The "Social media gallery" section is provide by the Sitar theme. This section is used to add a Image  with a title,description and button.

{% hint style="info" %}
**Recommendation Size**\
Social media image size: 238x238
{% endhint %}

<table><thead><tr><th width="287">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Make section full width</td><td>By enabling this checkbox, you can make section in full width.</td></tr><tr><td>Background image</td><td>Use this setting to select background image for section.</td></tr><tr><td>Heading</td><td>Enter text to display as a title in the section.</td></tr><tr><td>Heading size</td><td><p>Following is the font size customization of the heading of the section:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Subheading</td><td><p><strong>Text</strong></p><p>Enter text to display as a subheading in the section.</p><p></p><p><strong>Style</strong><br>Customization of the "Subheading style" in the Image banner section is as follows:</p><ul><li>Normal</li><li>Outline</li><li>Solid</li></ul><p><strong>position</strong></p><p>Customization of the "Subheading position" in the Image banner section is as follows:</p><ul><li>Before heading</li><li>After heading</li></ul><p><strong>Heading/subheading alignment</strong></p><p>Customization of the "Heading/subheading alignment" in the Image banner section is as follows:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td>User description</td><td><p><strong>Heading</strong> </p><p>Enter user description to display in the section. </p><p></p><p><strong>Add instagram tags</strong> </p><p>Use this setting to add instagram tags in the section.</p><p></p><p><strong>Tag size</strong></p><p>Customization of the "Tag style" in the section is as follows:</p><ul><li>Body</li><li>Subtitle</li></ul></td></tr><tr><td>Button</td><td><p><strong>Button label</strong><br>Use "Button label" to add a label to the Button in the section.<br><br><strong>Button link</strong><br>Use "Button link" to add a link to the Button in the section.<br><br><strong>Open this link in a new window</strong><br>By using the "Open this link in a new window" option, the link will open in a new tab.<br><br><strong>Button style</strong></p><p>Customization of the "Button style" in the Social media gallery section is as follows:</p><ul><li>Link</li><li>Outline button</li><li>Solid button</li></ul></td></tr><tr><td>Content color scheme</td><td><p></p><p>In this section, you can change the content background and foreground color using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr><tr><td>Content overlay opacity</td><td>By enabling this checkbox, you have the ability to change the opacity of the content container overlay. Modify the "Conetent Overlay Opacity" setting to increase or decrease the opacity level of the overlay on the Content container.</td></tr><tr><td>Post per row</td><td>"Post per row" is to specify how many post to show in a row. You can show a minimum of “2” and a maximum of “6” post.</td></tr><tr><td>Icon style</td><td><p>Customization of the "Icon style" in the Social media gallery section is as follows:</p><ul><li>None</li><li>Instagram</li><li>Facebook</li><li>Twitter</li><li>Tiktok</li><li>Vimeo</li><li>Youtube</li><li>Pinterest</li></ul></td></tr><tr><td>Layout</td><td><p></p><p>Customization of the "Layout" in the Social media gallery section is as follows:</p><ul><li>Slider</li><li>Grid</li></ul></td></tr><tr><td>Slider arrow position</td><td><p></p><p>Customization of the "Slider arrow position" style in the featured collection section is as follows:</p><ul><li>Top</li><li>Inline </li><li>Bottom</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><li>Scheme 5</li></ul></td></tr><tr><td>Video features</td><td><p><strong>Play video on loop</strong> </p><p>Enabling "Play video on loop" will result in the video continuously looping. When the video finishes playing, it will automatically restart. </p><p></p><p><strong>Video height on desktop</strong></p><p>Use this settings to set video height for desktop device.</p><p></p><p><strong>Video height on mobile</strong><br>Use this settings to set video height for mobile device.</p></td></tr><tr><td>Mobile layout</td><td><p><strong>Number of columns on mobile</strong></p><p>"Number of columns on mobile" is used for the customization of social media gallery columns in Mobile devices.</p><ul><li>1 Column</li><li>1.5 Column</li><li>2 Columns</li></ul></td></tr></tbody></table>

<figure><img src="/files/xsqMy82JuqoUTfj4uJ1L" alt=""><figcaption></figcaption></figure>

## Add post

To add post to the Social media gallery section, click on the 'Add post'.&#x20;

<table data-full-width="false"><thead><tr><th width="282">Block</th><th>Description</th></tr></thead><tbody><tr><td>Post</td><td><p><strong>Video</strong> </p><p>Use "Video" to add MP4 video to the post. Use only the MP4 video here.</p><p></p><p><strong>Image</strong></p><p>Use "Image" to add the image to the post. </p><p></p><p><strong>Link</strong></p><p>Use "Link" to add link to the post. </p><p></p><p><strong>Open this link in a new window</strong><br>By using the "Open this link in a new window" option, the link will open in a new tab. </p><p></p><p><strong>Enable icon background</strong></p><p>By enable "Enable icon background" option, show background color in icon.</p><p></p><p><strong>Product</strong> </p><p>Use "Product" to select product for the post.</p></td></tr></tbody></table>

<figure><img src="/files/lPPuFaoP67GfW8uWaTu3" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://sitar-doc.winterinfotech.com/sections/social-media-gallery.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.