> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.ecomx.co/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Shine Blog Page **Theme:** Shine ยท **Section type:** Blog page section The Blog page section lists all the posts of a blog on its own page, with the blog title, an optional RSS link, and a card for each post. Use it to let customers browse your stories, guides, and news. > **Note:** This section is part of the blog template. You can't remove it or add a second one, but you can hide it and add other sections around it. The blog template also includes a **Breadcrumb** section. ![Blog page with the blog title, RSS icon, and post cards (Ardent)](https://storage.crisp.chat/users/helpdesk/website/-/f/8/b/b/f8bb8da391016800/shine-blog-page-1_1cgi9e5.jpg) **What you can do** - Open the blog page in the theme editor - Set how many posts load and how - Choose what each post card shows - Change the columns and heading alignment - See what customers see - Look up every setting in "Settings reference" - Fix common problems --- ## Open the blog page in the theme editor 1. In the theme editor, open the template selector at the top of the page. 2. Click **Blogs** > **Default blog**. 3. In the left sidebar, click **Blog page**. > **Tip:** The page heading is the blog's title. To change it, edit the blog in the Shopify admin under **Content** > **Blog posts** > **Manage blogs**. ## Set how many posts load and how 1. Click **Blog page**. 2. Under **General**, choose **Items per load**: 20, 30, 40, or 50 posts. 3. Choose a **Load blog posts method**: - **Pagination** shows page numbers below the posts. - **Button** shows a load more button that adds the next posts. - **Infinity scroll** loads the next posts when customers scroll to the end. 4. Click **Save**. ## Choose what each post card shows 1. Click **Blog page**. 2. Under **Blog post card**, check what each card shows: **Show featured image**, **Show blog's tags**, **Show published date**, **Show author**, and **Show excerpt**. 3. Click **Save**. > **Note:** The card style, card color scheme, and image ratio are theme settings. They apply to every blog post card in your store. To change them, click **Theme settings** > **Blog post card** and choose a **Style** (Standard or Card), a **Color schemes** option, and an **Image ratio** (Square or Landscape). ## Change the columns and heading alignment 1. Click **Blog page**. 2. Under **Large screen**, choose the **Default columns per row**: 3, 4, or 5. 3. Choose a **Section heading alignment**: Left or Center. 4. Under **Mobile screen**, choose a **Section heading alignment**: Left or Center. 5. Click **Save**. ## What customers see - **Heading:** the blog title. If **Show RSS** is on, an RSS icon appears next to it. Customers click it to open the blog's feed and follow new posts in a feed reader. - **Post cards:** each card shows the parts you turned on: the featured image, the tags, the title, the author and date, and the excerpt. Customers click the image or the title to open the post. - **Tags:** customers click a tag to see the posts that have that tag. - **More posts:** when the blog has more posts than **Items per load**, customers see page numbers, a load more button, or more posts as they scroll, based on **Load blog posts method**. - **Phones and tablets:** phones show 1 post per row, and tablets show 2. Large screens use **Default columns per row**. ![Post cards with the author and published date (Energetic blog page)](https://storage.crisp.chat/users/helpdesk/website/-/f/8/b/b/f8bb8da391016800/shine-blog-page-2_1uht0jv.jpg) ## Settings reference ### General | Setting | What it does | | ---- | ---- | | Color schemes | Sets the background and text colors of the section. You edit color schemes in Theme settings > Colors. | | Items per load | Sets how many posts load at a time: 20, 30, 40, or 50. | | Load blog posts method | Loads more posts with Pagination, a Button, or Infinity scroll. | | Show RSS | Shows an RSS icon next to the blog title. The icon links to the blog's feed. | ### Blog post card | Setting | What it does | | ---- | ---- | | Show featured image | Shows the post's featured image. | | Show blog's tags | Shows the post's tags above the title. | | Show published date | Shows the date the post was published. | | Show author | Shows the author of the post. | | Show excerpt | Shows the post's excerpt. You add the excerpt in each blog post in the Shopify admin. | ### Large screen | Setting | What it does | | ---- | ---- | | Default columns per row | Shows 3, 4, or 5 posts per row. | | Section heading alignment | Aligns the blog title to the Left or Center. | ### Mobile screen | Setting | What it does | | ---- | ---- | | Section heading alignment | Aligns the blog title to the Left or Center on phones and tablets. | ## Troubleshooting **I can't set the number of columns on phones.** The number of columns on small screens is fixed: 1 post per row on phones and 2 on tablets. **Default columns per row** applies to large screens only. **The load more button or page numbers don't show.** They appear only when the blog has more posts than **Items per load**. **The excerpt doesn't show.** The card shows the excerpt only when the post has one. In the Shopify admin, open the blog post and add text in the **Excerpt** box. Also check that **Show excerpt** is on. **I can't find the image ratio setting.** The image ratio is now a theme setting. Click **Theme settings** > **Blog post card** > **Image ratio**. ## Related articles - [Shine Blog Post List](https://doc.ecomx.co/en/article/shine-blog-post-list-16raxn4/) - [Shine Blog Post Details](https://doc.ecomx.co/en/article/shine-blog-post-details-cev8ve/) - [Shine Breadcrumb](https://doc.ecomx.co/en/article/shine-breadcrumb-18bj1q4/) - [Shine Search Page](https://doc.ecomx.co/en/article/shine-search-page-1xgwndo/) - [Shine Theme Settings](https://doc.ecomx.co/en/article/shine-theme-settings-1876q8v/)