# Latest Blog

To add this section, please follow below steps:

{% hint style="success" %}
**Steps:**

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose **"Latest Blog"**.
   {% endhint %}

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FUr67X6jw13XTODXWnF6W%2Fscreenshort-123.jpg?alt=media&#x26;token=c37ced0a-bb88-49a6-baec-778f87b2a14b" alt=""><figcaption></figcaption></figure>

#### **1. Section Feature**

<table><thead><tr><th>Setting</th><th>Description</th><th data-hidden></th></tr></thead><tbody><tr><td>Layout</td><td>Select the layout width of the whole section. The options are: Default (same as the body width), Full Width (the 100% of the viewport width).</td><td></td></tr><tr><td>Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Background Color, Background Gradient, Background Image</td><td>Apply Background Color, Background Gradient, Background Image on the background of the section.</td><td></td></tr><tr><td>Top / Bottom Border</td><td>Set Border Width, Border Color.</td><td></td></tr><tr><td>Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Sub Title</td><td>Enter the Sub title for the section.</td><td></td></tr><tr><td>Sub Title Font Size on Desktop, Tablet, Mobile</td><td>Sub Title Font Size on Desktop, Tablet, Mobile</td><td></td></tr><tr><td>Select Font Type</td><td>Select the Font Type to be either Font Family #1 or #2. These two font families are specified in the Theme settings > Typography.</td><td></td></tr><tr><td>Sub Title Font Weight</td><td>Select the font weight of the subtitle to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.</td><td></td></tr><tr><td>Sub Title text transform</td><td>Select the text transform of the subtitle to be either uppercase, lowercase, capitalize, none.</td><td></td></tr><tr><td>Sub Title Letter Spacing</td><td>Enter the letter spacing for the title.</td><td></td></tr><tr><td>Sub Title Color</td><td>Set the color for the subtitle.</td><td></td></tr><tr><td>Sub Title Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the title from bottom on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Title</td><td>Enter the title for the block.</td><td></td></tr><tr><td>Title Color</td><td>Set the color for the title.</td><td></td></tr><tr><td>Title Font Size on Desktop, Tablet, Mobile</td><td>Determine the font size of the title on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Title Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the title from bottom on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>View All</td><td>Set View All button link, icon, Font Size, Font Weight, Text Transform, Alignment, Alignment Mobile</td><td></td></tr><tr><td>Select Blog</td><td>Select a blog to render its blog posts.</td><td></td></tr><tr><td>Posts Limit</td><td>Determine the maximum number of blog posts to render.</td><td></td></tr><tr><td>Posts Content Description Limit</td><td>Determine the maximum words for the description to truncate if exceeded.</td><td></td></tr><tr><td>Show Author</td><td>Toggle to show Author of the Blog Post.</td><td></td></tr><tr><td>Show Date</td><td>Toggle to show Date of the Blog Post.</td><td></td></tr><tr><td>Show Description</td><td>Toggle to show Description of the Blog Post.</td><td></td></tr><tr><td>Show Read More Button</td><td>Toggle to show a button that navigates to the Blog Post Page on clicked.</td><td></td></tr><tr><td>Slideshow Auto Play</td><td>Toggle to Auto Play of the Blog Post.</td><td></td></tr><tr><td>Show Dots On Desktop</td><td>Toggle the paginating dots on Desktop.</td><td></td></tr><tr><td>Show Dots On Mobile / Tablet</td><td>Toggle the paginating dots on Tablet and Mobile.</td><td></td></tr><tr><td>Show Arrows On Mobile / Tablet</td><td>Toggle the navigation arrows on Mobile.</td><td></td></tr><tr><td>Products Per Slide on Desktop, Tablet, Mobile</td><td>Select the slides to view count on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Background Color</td><td>Set the background color for all blog posts.</td><td></td></tr><tr><td>Image Margin Bottom</td><td>Determine the spacing of the blog post image from its bottom.</td><td></td></tr><tr><td>Title Spacing Bottom</td><td>Determine the spacing of the blog post title from its bottom.</td><td></td></tr><tr><td>Info Margin Bottom</td><td>Determine the spacing of the blog post info from its bottom.</td><td></td></tr><tr><td>Description Margin Bottom</td><td>Determine the spacing of the blog post description from its bottom.</td><td></td></tr><tr><td>Alignment</td><td>Select the alignment of the blog post content to be either to the Left, Right or Center of the blog post card.</td><td></td></tr><tr><td>Blog Link Text Transform</td><td>Select the font style transform of the Blog Link text. The options are: None, Capitalize, Uppercase and Downcase.</td><td></td></tr><tr><td>Blog Link Font Weight</td><td>Select the font weight of the blog link to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.</td><td></td></tr><tr><td>Blog Title Style</td><td>Select the style of the blog title.c</td><td></td></tr><tr><td>Title Blog Font Size on Desktop, Tablet, Mobile</td><td>Determine the font size of the title on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Blog Title Text Transform</td><td>Select the font style transform of the Blog Link text. The options are: None, Capitalize, Uppercase and Downcase.</td><td></td></tr><tr><td>Blog Title Font Weight</td><td>Select the font weight of the blog link to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.</td><td></td></tr></tbody></table>