# 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

<table><thead><tr><th width="262">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Section width</td><td><p>Select the section width from the dropdown menu:</p><ul><li><strong>Full width</strong></li><li><strong>Page width</strong></li><li><strong>Customized width</strong></li></ul></td></tr><tr><td>Customize width</td><td>Determines the width of the section when you choose "Customized width" option. Can be from 1000px to 1800px, increasing arithmetically of 50px (pixel).</td></tr><tr><td>Layout style</td><td><p>Select the layout style for the section:</p><ul><li><strong>Special</strong></li><li><strong>Classic</strong></li></ul></td></tr><tr><td>Articles per page</td><td>Determines the maximum of articles can be shown per page. Can be from 3 to 10, increasing arithmetically of 1.</td></tr><tr><td>Show separator line</td><td>Displays a line at the bottom to visually separate this section from the other sections.</td></tr></tbody></table>

#### Blog post card

<table><thead><tr><th width="237">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Show featured image</td><td>Enable/disable checkbox</td></tr><tr><td>Show date</td><td>Enable/disable checkbox</td></tr><tr><td>Show author</td><td>Enable/disable checkbox</td></tr><tr><td>Show excerpts</td><td>Enable/disable checkbox<br><em>(Change excerpts by editing your blog posts.</em> <a href="https://help.shopify.com/manual/online-store/blogs/writing-blogs#display-an-excerpt-from-a-blog-post"><em>Learn more</em></a><em>)</em></td></tr><tr><td>Choose button style</td><td><p>Select the button style for the block:</p><ul><li><strong>Default</strong></li><li><strong>Transparent</strong></li></ul><p><em><mark style="color:red;">(Use for Layout style 'Classic')</mark></em></p></td></tr></tbody></table>

#### Sidebar

<table><thead><tr><th width="237">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Style</td><td><p>Select the style for the section:</p><ul><li><strong>Default</strong></li><li><strong>Popup</strong></li></ul></td></tr></tbody></table>

#### Color

<table><thead><tr><th width="237">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Color scheme</td><td>Select a color scheme to set the text and background colors for the section</td></tr></tbody></table>

#### Section padding

<table><thead><tr><th width="263">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determines the height of the top inner space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Bottom padding</td><td>Determines the height of the bottom inner space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of 1px (pixel).</td></tr><tr><td>Top padding on mobile</td><td>Determines the height of the top inner space of the section on mobile. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Bottom padding on mobile</td><td>Determines the height of the top inner space of the section on mobile. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr></tbody></table>