# Categories (Icons)

<figure><img src="https://import.cdn.thinkific.com/164072/courses/2010960/SNAPThumbnailsLists2-220924-123809.jpg" alt=""><figcaption></figcaption></figure>

## How to use this section

* [ ] Add [Activation: Build Your Own](/site-page-templates/the-captain-site-page-template-collection/build-your-own-sections/activation-build-your-own-section.md) section to a Site Page. *This section is required*
* [ ] Add this section to the page below the Activation: Build Your Own section
* [ ] Adjust the section settings for your text&#x20;
* [ ] Add a block for each icon you wish to show (categories do not show up automatically)
* [ ] Optionally adjust the colors in the Style & Colors settings group

## Section Settings

### Headings

* **Heading** - this is the main part of the text. It allow for special highlghting by wrapping words in brackets ex: `[SINGLEWORD]`

### Color and Style

This settings group controls the colors that are used. By default we attempt to automatically use the colors that are found in your Thinkific Theme Settings. To over-ride the defaults, uncheck the appropriate box and set the color. Some items may bot use the default color scheme and rely on your setting them here.

* **Use page background color?** - when unchecked, choose the color you wish to use for the background color of this section
* **Use primary button color for subheading?** - when unchecked, choose the color you wish to use for the subheading color
* **Use theme settings color for heading?** - when unchecked, choose the color you wish to use for the heading
* **Use theme settings color for summary?**- when unchecked, choose the color you wish to use for the summary
* **Use primary button color for highlight?** - when unchecked, choose the color you wish to use for the highlight
* **Card Background** - sets the background color of the category card
* **Card Icon**  - sets the icon color of the category card
* **Card Heading** - sets the heading color of the category card
* **Card Background (Hover)** - sets the hover background color of the category card
* **Card Text & Icon (Hover)**- sets the hover text and icon color of the category card

### Section Blocks

Add a block setting group for each icon that you wish to add to the page

<figure><img src="/files/wLWVBYYOa8mTv3EaMe5a" alt=""><figcaption></figcaption></figure>

#### Icon

Copy and paste an Icon code from Font Awesome

#### Category

Select one of your Thinkific categories. It will automatically be linked to the all courses page for that category

#### **Heading**

You can manually create a heading for the category by typing it in, or use the special SmartText *`[AUTO]`* for the categroy name to automatically be filled in.

#### Use a different url?

By default the item will be linked to the category url automatically, if you want to create a different link for that category, then enable this option and then choose an *Alternate Page*


---

# 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-snap.superpowerups.com/site-page-templates/the-captain-site-page-template-collection/build-your-own-sections/categories-icons.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.