# Active labels

**Active labels** provide interactive hotspot functionality that allows users to click on specific points to reveal additional information. These clickable elements appear as plus icons that, when activated, display pop-up windows containing detailed content about specific elements or topics.

## Style settings

<table><thead><tr><th width="217">Property</th><th>Description</th></tr></thead><tbody><tr><td><strong>Image</strong></td><td></td></tr><tr><td>Rounding</td><td>Rounding of the pop-up message</td></tr><tr><td>Display border</td><td>Border for the section containing active labels</td></tr><tr><td><strong>Label</strong></td><td></td></tr><tr><td>Border color</td><td>Set the color for the border around labels</td></tr><tr><td>Border thickness</td><td>Adjust the thickness of the label border</td></tr><tr><td>Background image (all labels)</td><td>Upload a custom background image for all labels</td></tr><tr><td>Background color</td><td>Select label background color</td></tr><tr><td>Height</td><td>Set the label icon height in pixels</td></tr><tr><td>Width</td><td>Set the label icon width in pixels</td></tr><tr><td>Background color</td><td>Color of the active label when it is clicked</td></tr><tr><td>Hover color</td><td>Define the color that appears when users hover over labels</td></tr><tr><td><strong>Pop-up window</strong> </td><td></td></tr><tr><td>Background color</td><td>Select the pop-up window background color</td></tr><tr><td>Display switcher</td><td>Toggle navigation controls visibility (Yes/No)</td></tr><tr><td>Image shadow</td><td>Click the "+" icon to add shadow effects. Select from shadow styles: None, Soft, Regular, or Retro. </td></tr><tr><td><strong>Animation</strong></td><td></td></tr><tr><td>Smooth appearance</td><td>Enable smooth transition animations (Yes/No)</td></tr><tr><td>Label pulsation</td><td>Add pulsating effect to highlight labels (Yes/No)</td></tr></tbody></table>

## Typography settings

The Typography tab allows you to configure text styles for different list elements:

* **Numbering**. Configure the appearance of numerical markers in ordered lists. Adjust font, style, size, line spacing, and color of numbers.
* **Switch**. Configure the typography for the Switch element. Adjust font, style, size, line spacing, and color.
* **Rich-text options**. Apply specific formatting to selected text within list items. Changes made here affect only the text in the Active label element:

  * Basic
  * Headings
  * Caption
  * List
  * Quote
  * Link

  For details on how to configure parameters in rich-text options, see [Typography and fonts](/branding/create-branding/typography-and-fonts.md).


---

# 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://help.parta.io/branding/create-branding/elements/active-labels.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.