# 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: 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:

```
GET https://docs-kit.superpowerups.com/kit-powerups/promos-kit/08-banner-with-background-video.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
