Blog posts
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Choose Blogs from the dropdown window -> Choose Default blog.
From the side menu, select Blog posts. Configure the blog page in the setting on the side with the following settings
| Setting | Description |
|---|---|
Section width | Select the section width from the dropdown menu:
|
Customize width | Determines the width of the section when you choose "Customized width" option. Can be from 1000px to 1800px, increasing arithmetically of 50px (pixel). |
Layout style | Select the layout style for the section:
|
Articles per page | Determines the maximum of articles can be shown per page. Can be from 3 to 10, increasing arithmetically of 1. |
Show separator line | Displays a line at the bottom to visually separate this section from the other sections. |
Blog post card
| Setting | Description |
|---|---|
Show featured image | Enable/disable checkbox |
Show date | Enable/disable checkbox |
Show author | Enable/disable checkbox |
Show excerpts | Enable/disable checkbox (Change excerpts by editing your blog posts. Learn more) |
Choose button style | Select the button style for the block:
(Use for Layout style 'Classic') |
Sidebar
| Setting | Description |
|---|---|
Style | Select the style for the section:
|
Color
| Setting | Description |
|---|---|
Color scheme | Select a color scheme to set the text and background colors for the section |
Section padding
| Setting | Description |
|---|---|
Top padding | Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding | Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Top padding on mobile | Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding on mobile | Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Last updated