# Lists Sections

## Using the Lists Sections

* [ ] **Make sure you have Sections Kit installed.** Check your app page inside of your Site Admin ex: <https://yourdoomain.thinkific.com/manage/apps> and make sure you have "Sections Kit 💥 PowerUp" installed. If it is not listed there, head back to the member dashboard and install it.
* [ ] Open up the page you would like to add a Section Kit section to and **first add the "Base Kit Section"**. You can also copy a Base kit section from another page if you have one already created. Be sure to read our guide on how Base kit works.
* [ ] You can easily search for all banner sections by adding a section and search for ***"*****Kit: Lists*****"*** or you can search for a specific section to use by searching for it's Kit Id ex: ***Kit: Lists (01)***

## Lists Sections

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2F5dehfT3b82fiI0XQA8Hf%2FScreen%20Shot%202022-01-15%20at%202.29.50%20PM.png?alt=media&token=4e9a3bd4-6566-4873-8b8c-2f6440a42e5a>" %}

### [01 - Centered List ](/kit-powerups/sections-kit/lists-sections/01-centered-list.md)

This list section will be centered

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FAMeEfGVWsmHrErJmxJ6L%2FScreen%20Shot%202022-01-15%20at%202.29.58%20PM.png?alt=media&token=2691aea1-980d-43a9-928e-61ca3778b0f9>" %}

### [02 - List With Side Image ](/kit-powerups/sections-kit/lists-sections/02-list-with-side-image.md)

This list section will place the text and list on the left side of an image

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FqtWbYZiACUgqJw91CVUO%2FScreen%20Shot%202022-01-15%20at%202.30.06%20PM.png?alt=media&token=437de89a-2d70-4c41-b73f-9e12b602898e>" %}

### [03 - Centered Box With Background Image ](/kit-powerups/sections-kit/lists-sections/03-centered-box-with-background-image.md)

This list section will place the list and headings in a box that will be centered on top of an background image

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2F4t3iHNEKL1SBcrHM2vlN%2FScreen%20Shot%202022-01-15%20at%202.30.14%20PM.png?alt=media&token=0abed608-8683-4207-ba70-bd939132ac98>" %}

### [04 - Lists On Side ](/kit-powerups/sections-kit/lists-sections/04-lists-on-side.md)

This list section will place the list on the right side of the heading text

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FtOdhWKTdfnagrlSwUYuC%2FScreen%20Shot%202022-01-15%20at%202.30.24%20PM.png?alt=media&token=3210cdc9-1744-4a26-aca4-99382a432e34>" %}

### [05 - Full height with Image ](/kit-powerups/sections-kit/lists-sections/05-full-height-with-image.md)

This list section will fill the screen height and place the list on the side of an image

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2Fid3pk66ut34isnAXrvfj%2FScreen%20Shot%202022-01-15%20at%202.30.32%20PM.png?alt=media&token=5a662772-4c22-43d2-a84d-147c8a88ae54>" %}

### [06 - Image in center ](/kit-powerups/sections-kit/lists-sections/06-image-in-center.md)

This list section will place an image in the middle of the heading and list

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FlY0gu3AJZ8X4k3yEb6ji%2FScreen%20Shot%202022-01-15%20at%202.30.47%20PM.png?alt=media&token=fe4b0f5b-789b-4504-9dd1-d9f867e9315f>" %}

### [07 - Comparison List With Background Image ](/kit-powerups/sections-kit/lists-sections/07-comparison-list-with-background-image.md)

This list section will contain two lists side by side over a background image

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2Fhv0XGV5GAPAOBBUqg4o7%2FScreen%20Shot%202022-01-15%20at%202.30.55%20PM.png?alt=media&token=c9232abb-42a2-49f0-99eb-2fa76b8ac99a>" %}

### [08 - 3 Columns Text Only ](/kit-powerups/sections-kit/lists-sections/08-3-columns-text-only.md)

This list section will place split the headings and list across 3 columns

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FxRXgi2DfLs4xUdWFFOVw%2FScreen%20Shot%202022-01-15%20at%203.16.52%20PM.png?alt=media&token=450c52a5-95cc-4d6d-8716-a42dba363a43>" %}

### [09 - 3 Column Cards ](/kit-powerups/sections-kit/lists-sections/09-3-column-cards.md)

This list section will place the list into 3 column cards

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FauV0qa4j1TjT6Z7A5MZQ%2FScreen%20Shot%202022-01-15%20at%203.17.04%20PM.png?alt=media&token=f164fd6e-ddc8-4ff9-8442-580809a67415>" %}

### [10 - Line Separated ](/kit-powerups/sections-kit/lists-sections/10-line-separated.md)

This list section will place the list in 3 columns that are separated by a thin line

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2F0HV3U8fbAovwAD5vEZod%2FScreen%20Shot%202022-01-15%20at%203.17.12%20PM.png?alt=media&token=13f04f28-eb11-4be3-b1a2-e10ff6c16e24>" %}

### [11 - Lists Under Content ](/kit-powerups/sections-kit/lists-sections/11-lists-under-content.md)

This list section will place the list in 3 columns under the main content area

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2Fy24hHSf8KuTJOPyWUIB9%2FScreen%20Shot%202022-01-15%20at%203.17.19%20PM.png?alt=media&token=8d8318e4-7c84-44a0-84db-9f0f3207d1ed>" %}

### [12 - Two Columns ](/kit-powerups/sections-kit/lists-sections/12-two-columns.md)

This list section will place the list in two columns that will be centered on the page

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FlUprT0PuLPr9ctqBPPx3%2FScreen%20Shot%202022-01-15%20at%203.17.27%20PM.png?alt=media&token=1efdd77d-3a96-448d-9cc1-eb28956d8362>" %}

### [13 - Image & Block Quote ](/kit-powerups/sections-kit/lists-sections/13-image-and-block-quote.md)

This list section will place the list on the side of an image and above a block quote


---

# 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/lists-sections.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.