# Blog posts

<figure><img src="https://2603381870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzHrRp9fYeFj0SVV6k2dP%2Fuploads%2FD4OJUyRvJw92zgpsjFL2%2Fimage.png?alt=media&#x26;token=54accebe-e4c6-481e-a5ca-e7ce5ee95193" alt=""><figcaption></figcaption></figure>

## How to customize your Blog posts section?

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), open the template selector.
2. Select **Blog posts**, then **Default blog post.**
3. On the left-sidebar, add **Product Grid.**
4. Make necessary changes > **Save.**
   {% endhint %}

### General Settings

<table data-full-width="false"><thead><tr><th width="137">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Section width</td><td><p></p><p>3 options for section width</p><ul><li>Stretch width: span the section width regardless of screen size.</li><li>Fix width: depends on your page content width in <strong>Theme settings</strong> <strong>-></strong> <strong>Layout</strong>.</li><li>Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.</li></ul></td></tr></tbody></table>

### Section padding

* Top padding: Customize the top margin of the section
* Bottom padding: Customize the bottom margin of the section

### Block settings

<figure><img src="https://2603381870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzHrRp9fYeFj0SVV6k2dP%2Fuploads%2F6bdPipyrdbBCjlJ9Cjsu%2Fimage.png?alt=media&#x26;token=831c897e-42e3-4a7b-ad6a-144dbf74c840" alt=""><figcaption></figcaption></figure>

#### **1. Title**

Display article title

* Show date published
* Show category
* Show breadcrumb

#### **2. Featured image**

Display article featured image

**Image height:** Adjust the height of the background images

* Adapt to image
* Small
* Medium
* Large

#### **3. Author**

* Show post author
* Show comment

#### **4. Content**

Display article content.&#x20;

#### **5. Tags**

Displays the tags of the article

#### **6. Share**

Show social networks to share articles

Social networks supported: Facebook, Twitter, Pinterest

#### **7. Prev and next articles**

Displaying "Next" and "Back" buttons on blog posts allows readers to easily navigate between previous and next articles, enhancing their browsing experience.

#### **8. Related articles**

Customize the display of related blog posts