# 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: 1200x1050
{% endhint %}

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

<figure><img src="https://3128577213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUEBGZ0ypDJpAB41jYu9K%2Fuploads%2FIrFkUU7SqR5gxpFwxPpj%2Fadmin-blogs.png?alt=media&#x26;token=7f6412e0-9429-423b-9ca2-2d1882d21841" 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><li>Scheme 6</li><li>Scheme 7</li></ul></td></tr><tr><td>Heading</td><td><p><strong>Text</strong> <br>Enter text to display as a title in the section. <br><br><strong>Size</strong></p><p>Customization of the "Size" in the slide is as follows:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul><p></p><p><strong>Position</strong></p><p>Customization of the "Heading position" in this section 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 “12” 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 “2” and a maximum of “4” blog posts.</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>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><li>Scheme 6</li><li>Scheme 7</li></ul></td></tr><tr><td>Design type</td><td><p>Customization of the "Design type" in the blog posts is as follows:</p><ul><li>Content below the image</li><li>Content over the image</li></ul></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>Show featured image</td><td>By enabling this checkbox you can show the “Blog image” in the section.</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 name 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>Date position</td><td><p>Customization of "Date position" is as follows:</p><ul><li>Over the image</li><li>Below the image</li></ul></td></tr><tr><td>Show date color</td><td>By enabling this checkbox you can show the “Date color” in the section.</td></tr><tr><td>Date background color</td><td>You can customize the color of the date background by using the date color option.</td></tr><tr><td>Date text color</td><td>You can customize the color of the date text by using the date color option.</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 tags</td><td>By enabling this checkbox you can show tags in the section.</td></tr><tr><td>Read more button</td><td><p><strong>Show read more button</strong><br>By enabling this checkbox you can show “Read more button” in the section.<br></p><p><strong>Button label</strong> </p><p>Use "Button label" to add a label to the Button in the section. </p><p></p><p><strong>Button style</strong></p><p>Customization of the "First button style" in this section is as follows:</p><ul><li>Link</li><li>Outline</li><li>Solid</li></ul></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>Enable "View all" button</td><td>By enabling this checkbox, you can see "View all blogs" button, if blog includes more blog posts than shown.</td></tr><tr><td>View all button</td><td><p><strong>Enable "View all" button if blog includes more blog posts than shown</strong><br>By enabling this checkbox you can show “View all button” in the section.<br></p><p><strong>Button label</strong> </p><p>Use "Button label" to add a label to the Button in the section. </p><p></p><p><strong>Button style</strong></p><p>Customization of the "First button style" in this section is as follows:</p><ul><li>Link</li><li>Outline</li><li>Solid</li></ul><p></p><p><strong>Position</strong></p><p>Customization of the "Position" in this section is as follows:</p><ul><li>Top</li><li>Bottom</li></ul></td></tr><tr><td>Carousel</td><td><p><strong>Pagination 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<br></li></ul><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://3128577213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUEBGZ0ypDJpAB41jYu9K%2Fuploads%2FTsE07vyxyrVzOK5PufUy%2Ffeatured-blog.png?alt=media&#x26;token=83cd5d73-24fa-4e8f-8618-d5c7bbce6313" alt=""><figcaption></figcaption></figure>
