# Featured blog

The **Feature Blog** section brings your brand’s voice to life by showcasing the latest stories, tips, and inspirations from your journal. It highlights selected articles in an elegant layout, combining imagery, headlines, and categories to capture readers’ interest at a glance. Whether sharing style advice, trend updates, or behind-the-scenes insights, this section helps build connection and trust with your audience. A perfect blend of editorial design and storytelling, it keeps your visitors engaged and returning for more.

<figure><img src="https://2603381870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzHrRp9fYeFj0SVV6k2dP%2Fuploads%2FPZPiwR0lZKYCGul6tDnQ%2Fimage.png?alt=media&#x26;token=6b3d7bf8-5848-4e55-87e5-5f19dcc1ee77" alt=""><figcaption></figcaption></figure>

## Section settings

### General setting

<table data-full-width="false"><thead><tr><th width="143">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Section width</td><td><p></p><p>3 options for container</p><ul><li><em><strong>Stretch width</strong></em>: span the section width regardless of screen size.</li><li><em><strong>Fix width</strong></em>: depends on your page content width in <strong>Theme settings</strong> <strong>-></strong> <strong>Layout</strong>.</li><li><em><strong>Expand full width</strong></em>: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.</li></ul></td></tr><tr><td>Color scheme</td><td>Select colors from <strong>Theme settings -> Colors</strong></td></tr><tr><td>Heading</td><td>The title of the section</td></tr><tr><td>Description</td><td>The description of the section</td></tr><tr><td>Show view all button</td><td>When enabled, it will display a button with a link to the blog category page (Note: *Shown only if the blog includes more blog posts than currently shown)</td></tr><tr><td>Heading size</td><td><p>Font size text customization:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Content Alignment</td><td><p>The position of the heading and description.</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr></tbody></table>

### Blog posts

<table data-full-width="false"><thead><tr><th width="143">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Featured blog</td><td></td></tr><tr><td>Blog category</td><td>Which blog you want to display blog posts from. Defaults to the first blog alphabetically on your <a href="https://shopfify.com/admin/blogs">Blogs page.</a></td></tr><tr><td>Image ratio</td><td><p>The image ratio for the featured images of the blog posts:</p><ul><li><strong>Adapt to image</strong> - Uses the aspect ratio of the images. This prevents the images from being cropped.</li><li><strong>Portrait</strong> - Crops the images to use a 3:4 ratio.</li><li><strong>Square</strong> - Crops the images to use a 1:1 ratio</li><li><strong>Landscape</strong> - Crops the images to use a 4:3 ratio</li><li>Custom - Allows you to set your own image ratio in the <strong>Custom ratio</strong> field.</li></ul></td></tr><tr><td>Custom ratio</td><td>Lets you manually set the image’s width-to-height proportion (e.g., 2:3 or 1.5).</td></tr><tr><td>Maximum items to show</td><td>Limit the display of the number of posts. Minimum: 2. Maximum: 6</td></tr><tr><td>Show category</td><td>Display blog categories</td></tr><tr><td>Show date</td><td>Display post creation date</td></tr><tr><td>Show author</td><td>Display post author</td></tr><tr><td>Show tags</td><td>Toggle to display article tags for easier topic navigation.</td></tr><tr><td>Show excerpts</td><td>Display a short post excerpt</td></tr></tbody></table>

### Section padding

* **Top padding:** Customize the top margin of the section
* **Bottom padding:** Customize the bottom margin of the section