# Text

Adds customizable written content to convey messages, stories, or details anywhere on the section.

<figure><img src="https://2636770384-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsD7BEEDU3B7WiEJlN0F7%2Fuploads%2FT8yuRdpdh8zUro58huIk%2FUntitled%20image%20(2).png?alt=media&#x26;token=7783b030-d294-4138-95a2-78cbaacf3df6" alt="Design with one text and one image block side by side"><figcaption></figcaption></figure>

{% hint style="warning" %}
You can only choose two blocks to be shown at a time.
{% endhint %}

<table><thead><tr><th width="169">Settings</th><th width="116.77777099609375" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td><strong>Typography</strong></td><td align="center"></td><td></td></tr><tr><td>Subheading</td><td align="center"><code>text</code></td><td>Secondary title above heading.</td></tr><tr><td>Heading</td><td align="center"><code>text</code></td><td>Main heading.</td></tr><tr><td>Heading size</td><td align="center"><code>select</code></td><td>Font size of the heading: <code>Mini</code>, <code>Extra small</code>, <code>Small</code>, <code>Medium</code>, <code>Large</code>, or <code>Extra large</code></td></tr><tr><td>Text</td><td align="center"><code>richtext</code></td><td>Description or additional content.</td></tr><tr><td>Text size</td><td align="center"><code>select</code></td><td>Font size of body text: <code>Extra small</code>, <code>Small</code>, <code>Medium</code>, <code>Large</code>, or <code>Extra large</code></td></tr><tr><td><strong>Button</strong></td><td align="center"></td><td></td></tr><tr><td>Text</td><td align="center"><code>text</code></td><td>Label for the optional button.</td></tr><tr><td>Link</td><td align="center"><code>url</code></td><td>Button destination.</td></tr><tr><td>Color</td><td align="center"><code>select</code></td><td>Choose from <code>Primary</code>, <code>Secondary</code>, <code>White</code>, or <code>Black</code> color style.</td></tr><tr><td>Size</td><td align="center"><code>select</code></td><td>Choose <code>Small</code>, <code>Medium</code>, or <code>Large</code>size.</td></tr><tr><td>Style</td><td align="center"><code>select</code></td><td>Set <code>Solid</code>, <code>Outline</code>, or <code>Text</code> style.</td></tr><tr><td>Show arrow</td><td align="center"><code>checkbox</code></td><td>Adds arrow to the button.</td></tr><tr><td>Show social icons</td><td align="center"><code>checkbox</code></td><td>Enables social icons display (edit in Theme settings).</td></tr><tr><td>Columns</td><td align="center"><code>range</code></td><td>Sets the number of columns for text layout (desktop only).</td></tr><tr><td>Text alignment</td><td align="center"><code>select</code></td><td>Aligns the text to the <code>Left</code> or <code>Centered</code>.</td></tr><tr><td><strong>Colors</strong></td><td align="center"></td><td></td></tr><tr><td>Background</td><td align="center"><code>color</code></td><td>Custom background color.</td></tr><tr><td>Text</td><td align="center"><code>color</code></td><td>Custom text color.</td></tr><tr><td><strong>Advanced</strong></td><td align="center"></td><td></td></tr><tr><td>Heading SEO tag</td><td align="center"><code>select</code></td><td>SEO-focused heading tag: <code>H1</code> - <code>H6</code>, or <code>Automatic</code>.</td></tr></tbody></table>