# 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](https://help.parta.io/branding/create-branding/typography-and-fonts).