Blogs

Here you can apply settings to the layout of the blog pages.

Blog posts

Blog post card

To decide the number of articles displayed in each row, use the "Posts in row" picker. The theme allows setting up 2, 4, or 6 items per row. These settings work for large screens. By default, the theme displays one article per row on mobile.

Enable "Show featured image" to display the blog post's image. Additionally, check whether the image was added as a Featured image in Shopify admin -> Content -> Blog posts. Read more about how to set up Blogs and Blog posts in your Shopify admin here.

Change the image size to "Small", "Medium", or "Large". To keep the original size, set the "Featured image height" drop-down to "Adapt to image". The recommended image ratio is 3:2 (width-to-height).

Control the display of the date and author by enabling or disabling "Show date" and "Show author".

Section layout

Use the "Dividing line" drop-down to specify whether to add the line separator on the top or bottom of the "Blog posts" section. If you need to use the line, select its position as "Top", "Bottom", or "Both". To hide the dividing line, use the "None" option.

The "Top spacing" option controls the space between the breadcrumbs or Header (if the breadcrumbs are disabled) and the "Blog posts" section. Use the scale from 0 to 100 pixels to set the desired parameter.

Handle the parameters on the "Bottom spacing" scale from 0 to 100 pixels to add or remove the space at the bottom of the "Blog posts" section.

Use the "Center title" option to center the page title.

In the following example, check how the page might display on desktop and mobile:

Last updated