# Blogs

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FSwl2n45EZyj1wiKimQEV%2FFox-BG%20Light%20(5).jpg?alt=media&#x26;token=8cef83c9-3a13-4f2c-9560-35184f484b2d" alt=""><figcaption></figcaption></figure>

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

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

{% hint style="success" %}
Steps

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.**
   {% endhint %}

## Blog settings

* **Container:** You can choose between **Full width** or **Fixed width** for the section.
* **Layout**: These settings allow you to control how posts appear on desktop by setting the **post limit**, choosing the **number of columns**, and adjusting the **column and row gaps** to manage the spacing between posts.
* **Mobile layout:** Choose **1 or 2 columns** and adjust **column and row gaps** to control horizontal and vertical spacing on mobile devices as you like.&#x20;
* **Appearance:** Select a pre-defined **color scheme** for your blog post cards.&#x20;

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FfgLYGk9B0ey8b5lTaVJE%2Fimage.png?alt=media&#x26;token=91ae7ae8-66e6-4a07-9d83-5062adff1076" alt=""><figcaption></figcaption></figure>

## Blog block

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2F09a8CKwmCp0ztukN8J6b%2Fimage.png?alt=media&#x26;token=483254bf-4579-4806-bd28-07ed05fd40a9" alt=""><figcaption></figcaption></figure>

### Heading

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

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2F8ppMTPe8Z26pTuH4twR5%2Fimage.png?alt=media&#x26;token=16a30633-b8c6-4c85-a32d-151dfc82df5a" alt=""><figcaption></figcaption></figure>

### Tags

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

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FBwEPtwcqWC9CCS4Afgux%2Fimage.png?alt=media&#x26;token=75cb2e16-876b-4f88-8f80-17b10fbbd501" alt=""><figcaption></figcaption></figure>

### Article card

* **Alignment**: Change the the position of Heading
* **Show tags:** Displays the keywords or categories related to the article/blog post.
* **Show date:** Displays the date the article or blog post was pued.
* **Show author:** Shows the name of the author or contributor of the article/blog post.
* **Show read more button:** Lead the customers to the full article/blog post.

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FVJH63nfsQXcOChuYMIEj%2Fimage.png?alt=media&#x26;token=e3c4151d-6719-42dd-9574-73ddb271355c" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
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).
{% endhint %}