Blogs
Here you can apply settings to the layout of the blog pages.
Last updated
Here you can apply settings to the layout of the blog pages.
Last updated
Tip: To edit the page, choose the Blogs template in the top drop-down. Then, press the "Blog posts" section.
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" or "Bottom". To hide the dividing line, use the "None" option.
The "Top spacing" option controls the space between the breadcrumbs/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 align the page title to the center.
To decide the number of articles displayed in each row, use the "Posts in row" drop-down. 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 in a 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 -> Online Store -> 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". If this is unnecessary to resize the image, select "Adapt to image" in the "Featured image height" drop-down. The recommended image ratio is 3:2 (width-to-height respectively).
Control the display of the date and author by enabling or disabling "Show date" and "Show author".
In the following example, check how the page might display on desktop and mobile:
