> 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/text.md).

# Text

The **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%2FgP2N7zfiJOKCN54m6P8E%2Fimage.png?alt=media&amp;token=d309ae3a-124f-49fb-a462-64fee30d21c2" alt=""><figcaption></figcaption></figure>

## General settings

| Setting        | Description                                                                                                                                                                |
| -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Text**       | The rich text editor for entering and formatting the paragraph content. This includes options for bold, italics, lists, and links.                                         |
| **Text color** | <p>Sets the color for the text content:</p><ul><li>Body Color (Standard paragraph color, default)</li><li>Heading Color (Color typically reserved for headings).</li></ul> |
| **Font size**  | Allows precise control over the font size of the text content, measured in pixels (px) (Range: 10px to 100px).                                                             |

## Size & Alignment

These settings control the width and alignment of the text block within the section.

<table><thead><tr><th width="109">Setting</th><th width="115.79998779296875">Applies To</th><th>Description</th></tr></thead><tbody><tr><td><strong>Width</strong></td><td>Desktop</td><td><p>Defines the width of the text block on larger screens:</p><ul><li>Fit (Size determined by content),</li><li>Fill (Default—expands to fill available space)</li><li>Custom (Allows setting a specific percentage width).</li></ul></td></tr><tr><td><strong>Custom Width</strong></td><td>Desktop</td><td><p><em>Only visible when Width is Custom</em>.</p><p>Use the slider to set a specific block width, measured in percentage (%) (Range: 0% to 100%).</p></td></tr><tr><td><strong>Desktop alignment</strong></td><td>Desktop</td><td><p><em>Only visible when Width is not Fit</em>.</p><p>Controls the horizontal positioning of the text block on desktop screens:</p><ul><li>Left</li><li>Center (Default)</li><li>Right.</li></ul></td></tr><tr><td><strong>Mobile Width</strong></td><td>Mobile</td><td><p>Defines the width of the text block on smaller screens:</p><ul><li>Fit</li><li>Fill (Default)</li><li>Custom.</li></ul></td></tr><tr><td><strong>Custom Mobile Width</strong></td><td>Mobile</td><td><p><em>Only visible when Mobile Width is Custom</em>.</p><p>Use the slider to set a specific block width on mobile, measured in percentage (%) (Range: 0% to 100%).</p></td></tr><tr><td><strong>Mobile alignment</strong></td><td>Mobile</td><td><p><em>Only visible when Mobile Width is not Fit</em>.</p><p>Controls the horizontal positioning of the text block specifically on mobile devices:</p><ul><li>Left</li><li>Center (Default)</li><li>Right.</li></ul></td></tr></tbody></table>

## 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). |