> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/purity-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/purity-theme/group-blocks/basic/highlight-text.md).

# Highlight text

The **Highlight Text** block lets you display a prominent title to capture attention and introduce the section’s content. You can edit the text, adjust width, choose a heading level, and customize padding to fit your layout.

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2F6KWQCp2sj8KDRVTb61yt%2Fimage.png?alt=media&amp;token=53192791-0f64-4461-ad50-fea544e54556" alt=""><figcaption></figcaption></figure>

## General

| Setting              | Description                                                                                                                                              |
| -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Highlight text**   | The actual text content that will be highlighted or emphasized on the page.                                                                              |
| **Size**             | Defines the font size and visual prominence of the highlighted text. Options range from XS Small, X Small, Small, Base (Default), to Large.              |
| **Icon**             | <p>Allows adding a small decorative icon next to the text. Options include</p><ul><li>Unset (None)</li><li>Star</li><li>Dot (Default is Star).</li></ul> |
| **Background color** | Sets the background color behind the text. Supports alpha/transparency (Opacity) for customization (Default is a deep red/maroon).                       |
| **Text color**       | Sets the color of the highlight text itself. Supports alpha/transparency (Opacity) (Default is white).                                                   |
| **Uppercase**        | A checkbox that, when enabled, forces the highlight text to be displayed in ALL UPPERCASE letters.                                                       |

## Spacing

These settings control the external spacing (padding) applied directly above and below this specific block.

| Setting    | Description                                                                                                      |
| ---------- | ---------------------------------------------------------------------------------------------------------------- |
| **Top**    | Sets the amount of empty space (padding) above this button block. Measured in pixels (px) (Range: 0px to 100px). |
| **Bottom** | Sets the amount of empty space (padding) below this button block. Measured in pixels (px) (Range: 0px to 100px). |