> 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/sections-kit/banner-sections/12-call-out-on-image-center.md).

# 12 - Call out on Image (center)

![](/files/S7gEgM3V9EF6msvUR2je)

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

### How to use this super power

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

* [ ] Make sure you have the **Sections Kit** installed into your site
* [ ] On a site page, add (or copy) the [**Base kit Section**](/kit-powerups/kit-common-sections/base-kit.md) 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 **"Kit: Banner (12)"** and add it to your page

#### 2) Update the Headings settings group

* [ ] Add your text for the Heading and Summary sections

#### 3) Update the Button settings group

* [ ] Choose the text for your button (leave blank for hiding the button)
* [ ] Choose your button color scheme (colors and style come from the [Base Kit settings](/kit-powerups/kit-common-sections/base-kit.md#buttons))
* [ ] Choose your button type
  * [ ] *Page Pricing section* - this will move the page to the [Kit Pricing section](/kit-powerups/sections-kit/pricing-sections.md) (must exist on the page)
  * [ ] *Funnel Kit Opt In* - this will trigger a popup based on the [Funnel Kit Opt In section](/kit-powerups/kit-common-sections/funnel-kit-opt-in.md) that exists on the page (additional section required)
  * [ ] *Custom Page* - this will use the Custom Page settings right below this option for the button

#### 4) Update the Image settings group

* [ ] Upload your image to be used for this section

#### 5) Update the Text styles settings group

* [ ] Select the color scheme to be used for the text in this section. The colors and style are set using the [Base Kit](/kit-powerups/kit-common-sections/base-kit.md) that has been placed on this page.

#### 6) Update the Background Color settings group

* [ ] Select the color scheme to be used for background color to be used by this section. The colors and style are set using the [Base Kit](/kit-powerups/kit-common-sections/base-kit.md) that has been placed on this page.

#### 7) Update the Section settings group

* [ ] Optionally modify the section style options for this section