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

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-2f6440a42e5adocs-kit.superpowerups.com

01 - Centered List

This list section will be centered

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-61ca3778b0f9docs-kit.superpowerups.com

02 - List With Side Image

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

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-9e12b602898edocs-kit.superpowerups.com

03 - Centered Box With Background Image

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

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-bd939132ac98docs-kit.superpowerups.com

04 - Lists On Side

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

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-99382a432e34docs-kit.superpowerups.com

05 - Full height with Image

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

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-147c8a88ae54docs-kit.superpowerups.com

06 - Image in center

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

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-d9f867e9315fdocs-kit.superpowerups.com

07 - Comparison List With Background Image

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

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-2fa76b8ac99adocs-kit.superpowerups.com

08 - 3 Columns Text Only

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

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-a42dba363a43docs-kit.superpowerups.com

09 - 3 Column Cards

This list section will place the list into 3 column cards

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-580809a67415docs-kit.superpowerups.com

10 - Line Separated

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

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-e10ff6c16e24docs-kit.superpowerups.com

11 - Lists Under Content

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

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-9f0f3207d1eddocs-kit.superpowerups.com

12 - Two Columns

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

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-eb28956d8362docs-kit.superpowerups.com

13 - Image & Block Quote

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