> For the complete documentation index, see [llms.txt](https://docs.civictheme.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.civictheme.io/content-authoring/content/page-content-type/configure-the-banner.md).

# 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="/files/mDRSm200KS8mLTDODo6i" alt=""><figcaption><p>Banner configuration fields</p></figcaption></figure>

### Banner type and Banner theme

Refer to the [site-wide banner](/content-authoring/site-wide-configuration/banner-block.md) 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](/development/uikit/variables/creating-components.md) 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](/content-authoring/components/content.md)
* [Manual list](/content-authoring/components/list-components-and-cards/manual-list.md)
* [iFrame](/content-authoring/components/iframe.md)
* [Map](/content-authoring/components/map.md)
* [Slider](/content-authoring/components/slider.md)

<figure><img src="/files/1g66kC88M4mQT57h6HcE" 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](/content-authoring/components/content.md)
* [Accordion](/content-authoring/components/accordion.md)
* [Automated list](https://github.com/civictheme/docs/blob/main/content-authoring/content/page-content-type/broken-reference/README.md)
* [Callout](/content-authoring/components/callout.md)
* [Campaign](/content-authoring/components/campaign.md)
* [iFrame](/content-authoring/components/iframe.md)
* [Manual list](/content-authoring/components/list-components-and-cards/manual-list.md)
* [Map](/content-authoring/components/map.md)
* [Promo](/content-authoring/components/list-components-and-cards/cards-for-lists/promo-card.md)
* [Slider](/content-authoring/components/slider.md)
* [Webform](/content-authoring/components/webform.md)

<figure><img src="/files/PqtvTPEPVcshToY3xXoo" alt=""><figcaption><p>Available Bottom banner components</p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.civictheme.io/content-authoring/content/page-content-type/configure-the-banner.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.