# Blog posts

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

The blog section is for showing blogs and users can also use this to upload information about the theme’s latest collection and news.

{% hint style="info" %}
**Recommendation Size**\
Blog article image size: 1170x500
{% endhint %}

To add a Blog, go to **Blog posts > Add blog post** Add multiple blogs.

<figure><img src="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2Fx3DcMpm8NUjDDrqgyxr0%2Fblog.png?alt=media&#x26;token=6b456628-140f-4a13-9aad-5427680086d9" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Section</th><th>Description</th></tr></thead><tbody><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>Heading</td><td><p><strong>Text</strong>  </p><p>Enter text to defines the main heading of the section. </p><p></p><p><strong>Text color</strong> </p><p>You can customize the foreground color of the heading by using the color option. </p><p></p><p><strong>Size</strong></p><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><p><strong>Alignment</strong> </p><p>Customization of the "Alignment" in this is as follows:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td>Blog</td><td>Click on "Select blog" to show the blogs in the section and select the blog collection.</td></tr><tr><td>Display type</td><td><p>Customization of the "Display type" in the blog posts is as follows:</p><ul><li>Grid</li><li>Carousel</li></ul></td></tr><tr><td>Number of blog posts to show</td><td>"Number of blog posts to show" is to specify how many blog posts to show in a section. You can show a minimum of “2” and a maximum of “6” blog posts.</td></tr><tr><td>Number of columns on desktop</td><td>"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “1” and a maximum of “5” blog posts.</td></tr><tr><td>Card color scheme</td><td><p>In this section, you can change the background and foreground color of the card 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>Card position</td><td><p>Customization of the "Card position" in the blog posts is as follows:</p><ul><li>Vertical</li><li>Horizontal</li></ul></td></tr><tr><td>Style</td><td><p>Customization of the "Style" in the blog posts is as follows:</p><ul><li>Standard</li><li>Card</li></ul></td></tr><tr><td>Show border around card</td><td>Enable this checkbox to show border around the artical card.</td></tr><tr><td>Border color</td><td>Customize border color using this setting.</td></tr><tr><td>Text alignment</td><td><p>Customization of "Text alignment" is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr><tr><td>Featured image height</td><td><p>In the section, Image size customization is as follows.</p><ul><li>Adapt to image</li><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Blog title size</td><td><p>Customization of "Blog name size" is as follows:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Show date</td><td>By enabling this checkbox you can show “Blog date” in the section.</td></tr><tr><td>Show author</td><td>By enabling this checkbox you can show “Blog author” in the section.</td></tr><tr><td>Show comments</td><td>By enabling this checkbox you can show “Blog comments” in the section.</td></tr><tr><td>Show excerpt</td><td>By enabling this checkbox you can show excerpt in the blog posts cards.</td></tr><tr><td>Excerpt size</td><td><p>Customization of "Excerpt size" is as follows:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Show tags</td><td>By enabling this checkbox you can show tags in the section.</td></tr><tr><td>Show tags over the image</td><td>By enabling this checkbox you can show tags over the image in the section.</td></tr><tr><td>Tag background color</td><td>Customize tag background color to set color code in this setting.</td></tr><tr><td>Tag foreground color</td><td>Customize tag text color to set color code in this setting.</td></tr><tr><td>Show read more button</td><td>By enabling this checkbox, you can see "Read more" button.</td></tr><tr><td>Read more style</td><td><p>Customization of the "Read more" style in the blog posts section is as follows:</p><ul><li>Link</li><li>Outline </li><li>Solid </li></ul></td></tr><tr><td>"View all" button</td><td><p><strong>"View all" button</strong><br>By enabling this checkbox, you can see "View all" button if list includes more blog posts than shown.<br></p><p><strong>Label</strong>   </p><p>Use "Label" to add a label to the Button in the section. </p><p><br><strong>Style</strong></p><p>Customization of the "View all" style in the blog posts section is as follows:</p><ul><li>Link</li><li>Outline</li><li>Solid</li></ul><p><strong>Position</strong></p><p>Customization of the "View all button position" style in the blog posts section is as follows:</p><ul><li>Top</li><li>Bottom</li></ul></td></tr><tr><td>Carousel</td><td><p><strong>Style</strong></p><p>This feature specifies the design and appearance of pagination controls like below:</p><ul><li>None</li><li>Dots</li><li>Arrows</li></ul><p><strong>Disable arrows in mobile</strong></p><p>Enable this checkbox to hide slider arrow from this section in mobile device.</p><p></p><p><strong>Enable autoplay</strong></p><p>Enable this checkbox to automatically rotate the images in the blog posts.</p><p></p><p><strong>Autoplay interval</strong></p><p>Use the bar to set the auto-rotate time of the blog posts slide. You can set a minimum of “3” seconds and a maximum of “9” seconds.</p></td></tr></tbody></table>

<figure><img src="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2FJEYHZlF7kHWS0YBuDRpa%2Ffeature-blog.png?alt=media&#x26;token=6d0eb313-0833-4420-bc32-3269b8db329d" alt=""><figcaption></figcaption></figure>

## Add block(Social media)&#x20;

To add blocks to the Blog posts section, click on the 'Add block'.

There are '**Social media**' option  available , as you can see in the below points and screenshot.&#x20;

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td><p></p><p><strong>Text</strong>  </p><p>Enter text to defines the main heading of the Social media block. </p><p></p><p><strong>Text color</strong> </p><p>You can customize the foreground color of the heading by using the color option. This will only applicable when heading is set to bold.</p><p></p><p><strong>Size</strong></p><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><p><strong>Alignment</strong> </p><p>Customization of the "Alignment" in this is as follows:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td>Social account</td><td></td></tr></tbody></table>

<figure><img src="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2FUf4ad5tIm6Fl47naetHg%2Ffeature-blog-block.png?alt=media&#x26;token=32902262-dccf-40d5-aef9-a907e1e57ee2" alt=""><figcaption></figcaption></figure>

## Add block(Collapsible content)&#x20;

To add blocks to the Blog posts section, click on the 'Add block'.

There are '**Collapsible content**' option  available , as you can see in the below points and screenshot.&#x20;

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td><p></p><p><strong>Text</strong>  </p><p>Enter text to defines the main heading of the Social media block. </p><p></p><p><strong>Text color</strong> </p><p>You can customize the foreground color of the heading by using the color option. This will only applicable when heading is set to bold.</p><p></p><p><strong>Size</strong></p><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><p><strong>Alignment</strong> </p><p>Customization of the "Alignment" in this is as follows:</p><ul><li>Left</li><li>Center</li></ul></td></tr><tr><td>View all button</td><td><p></p><p><strong>Label</strong>   </p><p>Use "Label" to add a label to the Button in this block. </p><p></p><p><strong>Link</strong></p><p>Use "Link" to add a Button link in this block. </p><p><br><strong>Style</strong></p><p>Customization of the "View all" style in this block is as follows:</p><ul><li>Link</li><li>Outline</li><li>Solid</li></ul></td></tr><tr><td>Content</td><td><p><strong>First</strong> <strong>Heading</strong> </p><p>Enter text to display First heading as a question in the section. </p><p></p><p><strong>First open toggle content</strong> </p><p>By enabling this checkbox, you can show open collapsible row. </p><p></p><p><strong>First row content</strong> </p><p>Enter text to display row content as a answer in this block.</p></td></tr></tbody></table>

<figure><img src="https://895706505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0PKM9UHryXjPN3UYSTy0%2Fuploads%2FmZAYxWUyQHpdhXUeQgVp%2Ffeature-blog-block2.png?alt=media&#x26;token=f2b936a2-f274-435b-ba7c-fe200d56f01e" alt=""><figcaption></figcaption></figure>