> 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-sections/shopables/shopable-image/block-text.md).

# Block - Text

### General settings

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FOZKVtlaSYg5n9iIMqRHT%2Fimage.png?alt=media&amp;token=34a6bec3-1984-4b60-b414-6beaa32fbc2e" alt="" width="277"><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Vertical alignment</strong></td><td><p>Settings control the vertical position of the content within the container.</p><p>3 options for the content position:</p><ul><li><strong>Top</strong></li><li><strong>Middle</strong></li><li><strong>Bottom</strong></li></ul></td></tr><tr><td><strong>Content alignment</strong></td><td><p>Sets the horizontal alignment of content within a container.</p><p>3 options for the content alignment</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul></td></tr></tbody></table>

### Block settings

#### Subheading, Heading, Description

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FlQ42wOxmoD63wiimnIIH%2Fimage.png?alt=media&amp;token=ed9ccb6d-a970-4e78-9fdb-6cf83a4b61b6" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Subheading, Heading, Description</strong></td><td>Custom content block</td></tr><tr><td><strong>Width</strong></td><td><p>The width of text block:</p><ul><li><strong>Fit</strong>: adapts to the text length.</li><li><strong>Fill</strong>: stretches across the container width.</li></ul></td></tr><tr><td><strong>Typography</strong></td><td>Choose a preset style (font, size, weight) from <strong>Theme settings → Typography</strong>.</td></tr><tr><td><strong>Background</strong></td><td>Toggle ON to enable a background area behind the text.</td></tr><tr><td><strong>Background color</strong></td><td>Select the color for the text background.<br><em>* Note: Only appears when <strong>Background</strong> is enabled</em></td></tr><tr><td><strong>Corner radius</strong></td><td>Adjust the roundness of the background corners<br><em>* Note: Only appears when <strong>Background</strong> is enabled</em></td></tr><tr><td><strong>Padding top/bottom</strong></td><td>Adjust these values to control the amount of space between the section’s content and its outer edges.</td></tr></tbody></table>

#### Highlight text

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FSVEZD0KFEzhLe1qkGO5U%2Fimage.png?alt=media&amp;token=b1784ac2-e3af-4fa0-81ea-f1fceb3ac699" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Subheading</strong></td><td>Custom title block</td></tr><tr><td><strong>Size</strong></td><td>Choose the icon to show along with the highlighted content</td></tr><tr><td><strong>Select icon</strong></td><td>Choose the icon to show along with the highlighted content</td></tr><tr><td><strong>Background color</strong></td><td>Setting the background color</td></tr><tr><td><strong>Text color</strong></td><td>Setting the content color</td></tr><tr><td><strong>Uppercase</strong></td><td>Uppercasing the highlighted content</td></tr><tr><td><strong>Spacing bottom</strong></td><td>Spacing between the highlighted content and the next component</td></tr></tbody></table>

#### Tag

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2Fno4USrmgA1tMXORnGvu6%2Fimage.png?alt=media&amp;token=bf35e81e-45cb-405e-b5d1-552f5ae18b8e" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Tags</strong></td><td>Define the name of tags. Separate by a comma.<br><em>Eg. Tag 1,Tag 2</em></td></tr><tr><td><strong>Show icon tick</strong></td><td>Toggle ON to display a checkmark icon next to each tag.</td></tr><tr><td><strong>Spacing bottom</strong></td><td>Spacing between the tags and the next component</td></tr></tbody></table>