# 06 - 4 Column Cards With Circle Image

![](https://92964624-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcNQIyvnun1JjutKM76Vu%2Fuploads%2Fgit-blob-4c436055cfd38876266ebfd2d4f51b872173ef10%2FScreen%20Shot%202022-01-16%20at%209.45.13%20AM.png?alt=media)

{% 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**](https://docs.superpowerups.com/kit-1/kit-powerups/kit-common-sections/base-kit) \*\*\*\* 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.
* [ ] Add a section and search for **"Kit: Modules (06)"** 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](https://docs.superpowerups.com/kit-1/kit-powerups/kit-common-sections/base-kit) 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](https://docs.superpowerups.com/kit-1/kit-powerups/kit-common-sections/base-kit) 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