Blog posts

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Choose Blogs from the dropdown window -> Choose Default blog.

  4. 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:

  • Full width

  • Page width

  • Customized width

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:

  • Special

  • Classic

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:

  • Default

  • Transparent

(Use for Layout style 'Classic')

Setting
Description

Style

Select the style for the section:

  • Default

  • Popup

Colors

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).