# Material Banner

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2F99Qpz0pAbAZzQO6jxIPK%2FGoogle%20Chrome_2022-03-17%2011-38-08%402x.jpg?alt=media\&token=c7d491f0-34ad-4a42-8f38-50fe23d6e911)

#### **Simply, to create a&#x20;**<mark style="color:blue;">**Material Banner**</mark>**, please follow these steps:**

<mark style="color:blue;">**Step 1**</mark> - Go to **Banner Material** > Add New to create content for <mark style="color:blue;">**Banner Material**</mark>

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FyTET67ag6IW9FymZTNWi%2FEdit%20%E2%80%9CProduct%20Tech%20Accessories%20Descriptions%E2%80%9D%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%20%F0%9F%94%8A%202022-09-26%2017-44-50.jpg?alt=media\&token=1a83f8e1-7526-4c59-a1c3-b7f3b700edd1)

<mark style="color:blue;">**Step 2**</mark> - Please add your material banner here:

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FurjrYRQgNfmt1JJwkOW0%2FEdit%20%E2%80%9CProduct%20Tech%20Accessories%20Descriptions%E2%80%9D%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%202022-03-31%2019-47-53.jpg?alt=media\&token=019d96a5-4cc5-41c5-9ee5-65ba379d6cf8)

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MV0r5tR9bPLGnwB_pyk%2F-MYf-5WDLJSoDeiHizmR%2F-MYihE5p1TFJtJdMiGz9%2FScreenshot%20at%20Apr%2020%2016-54-10.png?alt=media\&token=b8ff94d1-20be-4832-ba73-71cccd4024ad)

<mark style="color:blue;">**Step 3**</mark> **→** **Publish** and then navigate to **Pages**

#### **Content Settings**

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2Fo3oVEIs99sQJIvIt0CSQ%2FEdit%20Page%20%E2%80%9CHome%20Test%E2%80%9D%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%202022-03-15%2011-31-04.jpg?alt=media\&token=f5a16f87-8a5a-43a6-b097-3c3d4271b4f9)