# Blog posts

Blogging is a great way to [improve your Search Engine Optimization (SEO)](https://help.shopify.com/en/manual/promoting-marketing/seo), build your audience, and generate more traffic and sales for your business. Setting up a blog can help you build a community around your products and your brand.

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F416z0bd7CMc0aZUeSVng%2F2025-04-04_12-14-02.jpg?alt=media&#x26;token=88fd2629-7892-41c7-8188-10fe4cca0551" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Blog posts**
3. Make necessary changes. > **Save.**
   {% endhint %}

### General settings

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FASL9WLylcO6vvS5e9lAZ%2F2025-04-04_12-15-34.jpg?alt=media&#x26;token=ed3f3de5-2ad7-45a2-a881-696167fc2b68" alt=""><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Boxed / Wide / Full
* **Subheading**&#x20;
* **Heading** - Heading of this section
* **Heading size** - From Heading 1 to Heading 6
* **Description** - Description of this section
* **Layout** - *Horizontal / Vertical*

### Blog settings

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FcdejCamprMVRb0hMp5Q1%2F2025-04-04_12-16-19.jpg?alt=media&#x26;token=3e7eb409-f331-42d0-96cb-6f51a565f2c1" alt=""><figcaption></figcaption></figure>

* **Blog -** Select blog post
* **Image ratio -** Adapt to image / Square (1:1) / Portrait (3:4) / Landscape (4:3) / Landscape (5:3.5) / Wide (16:9)
* **Show featured image**
* **Show date**
* **Show author**
* **Show excerpt**
* **Show category**
* **Show read more**
* **Enable white button**

### **Grid settings**

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F13F75AARJtTS3kA6MFIM%2F2025-04-04_12-17-06.jpg?alt=media&#x26;token=b3714a27-19fd-4d30-9986-f135de639a14" alt=""><figcaption></figcaption></figure>

* **Stack columns** -  Display columns in a grid layout. ( If disable Layout columns is carousel )
* **Show carousel progress bar**
* **Enable overflow visible** - When this feature is enabled, the Carousel will be allowed to overflow from the container
* **Number of posts to show**&#x20;
* **Column (Desktop) -** Number columns per row for desktop
* **Gap (desktop) -** Spacing each column

### Mobile Layout

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2F9qAsReesoXahLNQywCV0%2F2025-04-04_12-18-06.jpg?alt=media&#x26;token=1f5aeedb-74be-4406-b145-2e5ad523ace4" alt=""><figcaption></figcaption></figure>

* **Gap (Mobile)**
* **Enable swipe on mobile**

### Colors

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/UGk0oLMDJ9FIGhG6FfAC/color-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

* **Background**
* **Text color**

### Section padding

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/n2xL6bjz1tYl76g1pebr/padding-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

* **Top padding**
* **Bottom padding**