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

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.

---

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	A container for arranging other blocks together.
Heading	A standalone headline.
Image	An inline image.
Text	A rich-text paragraph.
Video	An embedded or Shopify-hosted video.
Custom Liquid	A custom Liquid or HTML snippet.
Divider	A horizontal rule for separating content.

---

Need help?

Whether you have a question, run into an issue, or just need some guidance, our support team is here to help.

Chat with us Submit a ticket