# Configure the banner

Select the 'Banner' tab to customise the banner on a per-page basis.

By default all pages on your site will inherit the site-wide banner settings.

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-f186a68a7347a8dec3c8518a3f0718e429be9ff8%2Fbanner-1.png?alt=media" alt=""><figcaption><p>Banner configuration fields</p></figcaption></figure>

### Banner type and Banner theme

Refer to the [site-wide banner](https://docs.civictheme.io/content-authoring/site-wide-configuration/banner-block) settings page for explanations and examples of these banner features.

If you want to deviate from either of these site-wide settings, select the relevant radio button.

### Override the Banner title

You can override the title that displays in the banner by entering a new title in the 'Banner title' field.

Adding a Banner title doesn't override the breadcrumb or the URL alias. They will use the Page title unless you manually configure them differently.

### Hide breadcrumb

The breadcrumb displays by default. Check 'Hide breadcrumb' to hide it.

### Background

Your site will inherit the site-wide background. If you want to change this on your page, open the Background widget and upload a new background. You can also update the 'Blend mode' on the background.

### Featured image

If your site-wide banner has a Featured image, it means that every child page will have a Featured image, you can't remove the featured image on a per-page basis. However you can change the image on a per-page basis in the 'Featured image' widget.

If there are any pages you don't want a Featured image on, you will need to ensure your site-wide banner does not have a Featured image.

### Add components to the banner

There are two types of components you can add to the banner. 'Banner components' which display on the banner itself. And 'Bottom banner components' which display below the banner.

Go to the [Components](https://docs.civictheme.io/development/uikit/variables/creating-components) section of the manual to learn how to configure each component.

#### Banner components

You can add the following components to the banner and they will display within the banner itself:

* [Content](https://docs.civictheme.io/content-authoring/components/content)
* [Manual list](https://docs.civictheme.io/content-authoring/components/list-components-and-cards/manual-list)
* [iFrame](https://docs.civictheme.io/content-authoring/components/iframe)
* [Map](https://docs.civictheme.io/content-authoring/components/map)
* [Slider](https://docs.civictheme.io/content-authoring/components/slider)

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-5ce0b8f7526df3e49cde94c96bad0d6111bcca62%2Fbanner-components.png?alt=media" alt=""><figcaption><p>Available Banner components</p></figcaption></figure>

#### Bottom banner components

You can add the following components to the bottom of the banner.

* [Content](https://docs.civictheme.io/content-authoring/components/content)
* [Accordion](https://docs.civictheme.io/content-authoring/components/accordion)
* [Automated list](https://github.com/civictheme/docs/blob/main/content-authoring/content/page-content-type/broken-reference/README.md)
* [Callout](https://docs.civictheme.io/content-authoring/components/callout)
* [Campaign](https://docs.civictheme.io/content-authoring/components/campaign)
* [iFrame](https://docs.civictheme.io/content-authoring/components/iframe)
* [Manual list](https://docs.civictheme.io/content-authoring/components/list-components-and-cards/manual-list)
* [Map](https://docs.civictheme.io/content-authoring/components/map)
* [Promo](https://docs.civictheme.io/content-authoring/components/list-components-and-cards/cards-for-lists/promo-card)
* [Slider](https://docs.civictheme.io/content-authoring/components/slider)
* [Webform](https://docs.civictheme.io/content-authoring/components/webform)

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-52f0c2cf278c841486cc029401cc2714aaeea54d%2Fbanner-bottom-components.png?alt=media" alt=""><figcaption><p>Available Bottom banner components</p></figcaption></figure>