# Blogs

![image](https://docs-assets.foxecom.app/pebble-theme/Fox-BG%20Light%20\(5\)_LCM0Tw9v.jpg)

A well-organized and visually appealing blog is crucial for capturing attention and keeping visitors engaged on your Shopify store. Our blog list template provides a powerful foundation to showcase your latest content in a clean and user-friendly format.

## How to edit the blog page

1. In the theme editor (**Customize**), open the template selector
2. Select **Blogs**, then **Default blog.**
3. On the left sidebar, select **Default blog.**
4. Make necessary changes **> Save.**

You can add any section that is listed in [Theme sections](https://docs.foxecom.com/pebble-theme/theme-sections/overview). Nevertheless, there is a section designed specifically for the blog page.

*Not sure how to add a blog? Check out Shopify Help Center:* [*Add a blog*](https://help.shopify.com/en/manual/online-store/blogs/adding-a-blog)*.*

## Customize blog posts section in blogs page

### Section settings

| Setting                          | Description                                               |
| -------------------------------- | --------------------------------------------------------- |
| **Container**                    | Set the width of the blog posts section.                  |
| **Post limit**                   | Set the maximum number of blog posts to display.          |
| **Number of columns on desktop** | Set how many blog post columns appear on desktop.         |
| **Column gap**                   | Adjust the horizontal spacing between columns on desktop. |
| **Row gap**                      | Adjust the vertical spacing between rows on desktop.      |
| **Mobile columns**               | Set the number of blog post columns on mobile.            |
| **Column gap mobile**            | Adjust the horizontal spacing between columns on mobile.  |
| **Row gap mobile**               | Adjust the vertical spacing between rows on mobile.       |

### Block settings

#### Heading

Create a title and choose a preset for your blog posts.

| Setting                              | Description                                                                       |
| ------------------------------------ | --------------------------------------------------------------------------------- |
| **Heading**                          | Enter the heading text to display. You can also connect a dynamic source.         |
| **Preset**                           | Select a predefined heading style or choose Custom to adjust typography manually. |
| **Font** *(Custom only)*             | Choose which theme font to use. Available when Custom is selected.                |
| **Font weight** *(Custom only)*      | Set the weight of the heading text.                                               |
| **Font size** *(Custom only)*        | Adjust the heading size on desktop.                                               |
| **Font size mobile** *(Custom only)* | Adjust the heading size on mobile.                                                |
| **Line height** *(Custom only)*      | Set the spacing between lines of heading text.                                    |

#### Tags

Control the number of blog tags displayed on your blog posts.

| Setting                         | Description                                                   |
| ------------------------------- | ------------------------------------------------------------- |
| **Number of blog tags to show** | Set the maximum number of blog tags displayed in the section. |

#### Article card

Customize how each blog article card displays its content

| Setting                   | Description                                    |
| ------------------------- | ---------------------------------------------- |
| **Alignment**             | Set the alignment of the article card content. |
| **Show tags**             | Show or hide the article tags.                 |
| **Show date**             | Show or hide the article publication date.     |
| **Show author**           | Show or hide the article author.               |
| **Show excerpt**          | Show or hide the article excerpt.              |
| **Show read more button** | Show or hide the Read more button.             |

<Hint type="warning">
  The Article card block will only be displayed when a blog is selected for the section and that blog has visible (published) posts.

  [*See how to add blog posts*](https://help.shopify.com/en/manual/online-store/blogs/writing-blogs/working-with-blog-posts)
</Hint>