---
title: Blog Banner
description: "## Banner Images Follow below steps to add blog banner for each blog pages. **Step 1:** ``` Go to Store Admin -> Settings -> Metafields and metaobjects-> Blogs -> click “Add definition” then follow the steps as shown in the…"
url: "https://www.adornthemes.com/knowledge-base/blog-banner/"
updated: "2025-07-01"
category: Blog Pages
---

# Blog Banner

## Banner Images

Follow below steps to add blog banner for each blog pages.

**Step 1:**

```
Go to Store Admin -> Settings -> Metafields and metaobjects-> Blogs -> click “Add definition” then follow the steps as shown in the image below.
```

![](https://adornthemes.com/wp-content/uploads/2023/01/collection-bnr-step-2-e1672826050423.png)

 ![](https://adornthemes.com/wp-content/uploads/2023/01/collection-bnr-step-3-e1672826414596.png)

To add an image, navigate to the blog pages.

```
Go to store admin > Blog posts -> Manage Blogs > Click Blog name > then click on the "Show all" link in the bottom metafield box.
```

![](https://adornthemes.com/wp-content/uploads/2023/01/blog-banner1.jpg)

Click "Banner Image" field, select image and click save.

Follow the same steps for the mobile banner image if you'd like to show a different image for the mobile site.

## Short Description

###### Display same banner text for all blog pages

```
Go to Theme Customize -> Select Default blog -> Blog Banner(Section). Add block "Text" then add description in text field.
```

###### Display different banner text for different blog pages

```
Go to Store Admin -> Settings -> Metafields and metaobjects -> Blogs -> click “Add definition”
```

Follow the steps as shown in the image below.

![](https://adornthemes.com/wp-content/uploads/2023/01/collection-bnr-step-4-e1672826140492.png)

To add text, navigate to the blog pages.

```
Go to store admin > Blog posts -> Manage Blogs > Click Blog name
```

Click on the “Show all” link in the bottom metafield box. Click "Short Description" field, add text and click save. (repeat this step to add text for different blogs banner)

```
Now, Go to Theme Customize -> Select Default blog -> Blog Banner(Section).
```

Add block "Text" then click on "dynamic source" button from text field, select short description and click save.