> For the complete documentation index, see [llms.txt](https://vshop.gitbook.io/vshop/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vshop.gitbook.io/vshop/theme-sections/blog-posts.md).

# Blog posts

This section displays recent or featured articles from your store’s blog. Perfect for sharing updates, news, or lifestyle content to engage customers.

To customize the Blog posts in our theme please follow the steps:

{% hint style="success" %}
Steps

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

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FAbp5yCrZNpXLkNvwTCgb%2Fimage.png?alt=media&amp;token=841e4e09-1260-472a-b787-6f75a5922d9d" alt=""><figcaption></figcaption></figure>

## **Blog Posts**

This section displays recent or featured articles from your store’s blog. Perfect for sharing updates, news, or lifestyle content to engage customers.

***

### **Section Header**

* **Show “Section header”** – Toggle ON to display the header section.
* **Heading** – Main title (e.g., *Latest News*, *From Our Blog*).
* **Description** – Short intro or description text.
* **Show button** – Enable a button linking to your full blog.
* **Text button** – Label for the button (e.g., *See more*).

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FZFPovicoc8OFnKglQL8j%2Fimage.png?alt=media&amp;token=a1269d91-1eb1-4042-a540-738a9d0066cc" alt=""><figcaption></figcaption></figure>

***

### **General**

* **Layout** – Choose overall layout style (*Default*).
* **Color scheme** – Set the color theme for this section.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FrbukqEpelHZMbBOXnuuw%2Fimage.png?alt=media&amp;token=585e43e0-ee42-4f12-a14c-c24e91e739b8" alt=""><figcaption></figcaption></figure>

***

### **Blog Settings**

* **Blog category** – Select which blog or article group to display.
* **Posts to show** – Choose the number of posts to display (e.g., *12*).
* **Post per row (Desktop)** – Number of posts shown per row on desktop.
* **Post per row (Tablet)** – Number of posts per row on tablet.
* **Post per row (Mobile)** – Choose between *1* or *2* posts per row on mobile.
* **Column gap** – Adjust horizontal spacing between posts (in *px*).
* **Autoplay** – Enable automatic sliding of blog posts.
* **Loop** – Continuously rotate through posts.
* **Show arrows** – Display navigation arrows for sliders.
* **Remove default space between sections** – For a seamless visual layout.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FENL1WRivozZf9tPFN9lA%2Fimage.png?alt=media&amp;token=4ca65391-e28e-45bf-918f-853795672f1e" alt=""><figcaption></figcaption></figure>

***

### **Section Padding**

* **Padding top** – Adjust top spacing (default: *0px*).
* **Padding bottom** – Adjust bottom spacing (default: *0px*).

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FoylkRXllQax9n8Rut604%2Fimage.png?alt=media&amp;token=e27752da-6179-4928-b27e-32a3f1c37c19" alt=""><figcaption></figcaption></figure>

***

💡 **Tips:**

* Use consistent image ratios across posts for a clean look.
* Showing 3 posts per row is ideal for readability and balance.
* Combine this with a *Newsletter* section to increase engagement and return visits.