> For the complete documentation index, see [llms.txt](https://docs-kit.superpowerups.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-kit.superpowerups.com/kit-powerups/promos-kit/08-banner-with-background-video.md).

# 08 -Banner With Background Video

![](https://import.cdn.thinkific.com/551340/courses/1542903/8-211107-075051.jpg)

{% hint style="info" %}
**EXPERIENCE IT:**[ <mark style="color:orange;">Head over to the demo page</mark>](https://powerupkit.thinkific.com/pages/promos-kit-08-demo) and see this super power in action
{% endhint %}

### How to use this super power

#### 1) Add the Promo Kit Sections to the page

* [ ] Make sure you have the **Promos Kit** installed into your site
* [ ] On a site page, add (or copy) the **Base kit Section** that is included with all of our Kit PowerUps. The Base Kit section contains the style choices that will be used on this page for all other Kit sections.&#x20;
* [ ] Add a section and search for **"Promo (08)"** and add it to your page

#### 2) Update the countdown timer settings

* [ ] Open the **Countdown Timer settings group** and configure if you want to use the countdown timer. And if so, set the date and time that will be used. Be sure to check the [countdown timer guide](/kit-usage-guides/popups-timers-and-exit-intents/using-a-countdown-timer.md) for more information on setting the correct time.

#### 3) Update the styles you would like to use

* [ ] Update the styles and colors that will be used for the **text, background and button setting groups**. Be sure to check the guide on how to use named colors, custom fonts and more.&#x20;

![](/files/Jk7lBekGec8oKJd20bVL)

{% hint style="warning" %}
The headings are meant to big BIG AND BOLD. But depending on your language and the length of text, you may want to adjust the size of the headings on both desktop and mobile sized displays.
{% endhint %}

#### 4) Add your background video

* [ ] Be sure to check our [Background Video Guide](/kit-usage-guides/media/using-background-videos.md) on how to use Background videos.
* [ ] Provide the url to your MP4 Web Optimized video file&#x20;
* [ ] Upload your video thumbnail image

{% hint style="success" %}
🔥**PRO TIP**: Background videos are great to grab the reader's attention when they first see the page, but should not "over power" your headline. Be sure to read the video guide on recommended sizes and also how to leverage Thinkific's platform to get a URL for your video file.
{% endhint %}


---

# 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-kit.superpowerups.com/kit-powerups/promos-kit/08-banner-with-background-video.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.
