> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/other-sections/blog-post.md).

# Blog post

The main section on individual article pages. It arranges each article's layout — featured image, meta, body, and more — using blocks you add and reorder. The article content is written in Shopify Admin and rendered automatically. Fixed to the article template.

![Blog Post section overview](/files/Ql99EJrqwj8yqlhy7YOh)

{% hint style="info" %}
**Tip:** Article content (title, body, author, date, tags) is edited in **Shopify Admin → Content → Blog posts**, not in the theme editor. Keep the structural settings consistent across all articles for a uniform reading experience.
{% endhint %}

***

## Settings

| Setting                 | Description                                              |
| ----------------------- | -------------------------------------------------------- |
| Max width               | The reading width of the article body.                   |
| Gap — Desktop           | Vertical spacing between blocks on desktop.              |
| Gap — Mobile            | Vertical spacing between blocks on mobile.               |
| Color scheme            | Background and text colors for the section.              |
| Padding top / bottom    | Outer vertical spacing.                                  |
| Custom padding — Mobile | Override desktop padding with independent mobile values. |

***

## Available Blocks

You build the article layout yourself — add, remove, and reorder these blocks to control how each article reads.

### Featured image

The article's featured image. Hides automatically when the article has no featured image.

| Setting | Description                                                                            |
| ------- | -------------------------------------------------------------------------------------- |
| Width   | **Default**, **Page**, **Full**, or **Full (no padding)**.                             |
| Height  | Adapt to the image, or a fixed size from Extra small to Extra large.                   |
| Padding | Outer spacing: top / bottom, with independent mobile values via **Custom for mobile**. |

### Blog meta

The article's byline row — title, author, date, tags, and comment count.

| Setting                | Description                                                                            |
| ---------------------- | -------------------------------------------------------------------------------------- |
| Alignment              | Horizontal alignment of the meta row.                                                  |
| Show tags              | Display the article's tags.                                                            |
| Show date              | Display the publication date.                                                          |
| Show author            | Display the author name.                                                               |
| Show comments          | Display the comment count.                                                             |
| Gap — Desktop / Mobile | Spacing between the meta items.                                                        |
| Title size             | Visual size of the article title.                                                      |
| HTML title tag         | Semantic heading tag for the title, for SEO.                                           |
| Padding                | Outer spacing: top / bottom, with independent mobile values via **Custom for mobile**. |

### Content

The article body, rendered automatically from Shopify Admin. It has no settings.

### Tags and sharing

The article's tags plus social sharing links.

| Setting            | Description                                                                            |
| ------------------ | -------------------------------------------------------------------------------------- |
| Show tags          | Display the article's tags.                                                            |
| Show share buttons | Display the social sharing links.                                                      |
| Padding            | Outer spacing: top / bottom, with independent mobile values via **Custom for mobile**. |

### Previous and next posts

Navigation links to the surrounding articles in the blog.

| Setting       | Description                                                                                 |
| ------------- | ------------------------------------------------------------------------------------------- |
| Title size    | Visual size of the linked article titles.                                                   |
| Corner radius | Rounding of the navigation cards, with a **Custom corner radius** value when set to Custom. |
| Padding       | Outer spacing: top / bottom, with independent mobile values via **Custom for mobile**.      |

### Comments

The comment list and comment form, shown when comments are enabled for the blog.

| Setting          | Description                                                                            |
| ---------------- | -------------------------------------------------------------------------------------- |
| Heading size     | Visual size of the comments heading.                                                   |
| HTML Heading tag | Semantic heading tag for the comments heading.                                         |
| Padding          | Outer spacing: top / bottom, with independent mobile values via **Custom for mobile**. |

### Theme blocks

Blocks you can add anywhere in the article layout.

| Block                                                        | Description                                      |
| ------------------------------------------------------------ | ------------------------------------------------ |
| [Group](/helix/theme-blocks/layout/group.md)                 | A container for arranging other blocks together. |
| [Heading](/helix/theme-blocks/basic/heading.md)              | A standalone headline.                           |
| [Image](/helix/theme-blocks/basic/image.md)                  | An inline image.                                 |
| [Text](/helix/theme-blocks/basic/text.md)                    | A rich-text paragraph.                           |
| [Video](/helix/theme-blocks/basic/video.md)                  | An embedded or Shopify-hosted video.             |
| [Custom Liquid](/helix/theme-blocks/custom/custom-liquid.md) | A custom Liquid or HTML snippet.                 |
| [Divider](/helix/theme-blocks/layout/divider.md)             | A horizontal rule for separating content.        |