# 03 - 4 Column Hover Cards

![](/files/NdxlToWFWn4lAJKDcnt8)

{% hint style="info" %}
**EXPERIENCE IT:** [<mark style="color:orange;">Head over to the demo page</mark>](https://powerupkit.thinkific.com/pages/modules) 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: Modules (03)"** and add it to your page

#### 2) Update the Headings settings group

* [ ] Add your text for the Subheading and Heading settings

#### 3) 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.

#### 4) 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.

#### 5) Update the Section settings group

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

#### 6) Add a Module Block setting for each module

* [ ] Update all text settings for Headings, Summary and List settings
* [ ] Upload the image to represent the module


---

# 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/sections-kit/modules-sections/03-4-column-hover-cards.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.