> For the complete documentation index, see [llms.txt](https://docs.theseaai.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theseaai.com/tools/text/text-settings.md).

# Text Settings

{% hint style="danger" %}
**Text** is a beta feature and may not function as expected.

Currently, you can only create text in the Text Layout task. Using it in other tasks may produce flattened and unpredictable results.This feature will progressively be available across all tasks.
{% endhint %}

**Two approaches:**

* **Global settings:** Use the text properties panel to adjust entire text frames
* **Character-level editing:** Hover over unselected text and drag handles to adjust individual characters to edit letter-spacing and letter-stretch

## Change font-size

{% tabs %}
{% tab title="By dragging" %}
You can resize the text frame by dragging its corner handles, which will proportionally scale the font.

**Step-by-step:**

1. Select the text layer
2. Hover over a corner handle until the resize cursor appears
3. Drag to scale the text frame and font size proportionally
4. Release to apply the new size

{% hint style="info" %}
This resizing method maintains aspect ratio and proportional scaling. Character-level adjustments remain at their set percentages relative to the new font size.
{% endhint %}
{% endtab %}

{% tab title="By changing the value" %}
Adjust the size of your text by changing the font size value in the text properties panel.

**Step-by-step:**

1. Select the text layer
2. Go to the top bar and change the bold value in the text setting panel
   1. You can type the value
   2. Or click and drag horizontally to adjust the value
3. You can see your text updated in realtime with the new size

{% hint style="info" %}
You can select multiple text layers and apply the value to all of them at the same time.
{% endhint %}
{% endtab %}
{% endtabs %}

***

## Adjust letter-spacing

{% tabs %}
{% tab title="By character-editing" %}
**Adjust spacing between individual characters by hovering and dragging**, no menus required. This visual editing approach is especially powerful for CJK text and precise typography, letting you make fine adjustments directly on the scene.

**Step-by-step:**

1. Hover between two characters until diamond-shaped handles appear
2. Drag horizontally to adjust spacing
3. Release to apply the change

{% hint style="info" %}
If you change the text font-size, the edited letter spacing will be kept (until you decide to change it or use a global value)
{% endhint %}
{% endtab %}

{% tab title="By changing the value" %}
Apply letter spacing to the entire text frame using the text properties panel.

**Step-by-step:**

1. Select the text layer
2. Go to the top bar and select the <i class="fa-text">:text:</i> button
3. On the same line as <kbd>Letter-spacing</kbd>, adjust the value
   1. You can type the value
   2. Or click and drag horizontally to adjust the value
4. You can see your text updated in realtime with the new size

{% hint style="info" %}
If the character spacing has been modified, the global value will show as <kbd>Mixed</kbd>.
{% endhint %}
{% endtab %}
{% endtabs %}

***

## Adjust letter-stretch

{% tabs %}
{% tab title="By character-editing" %}
**Adjust individual character widths for optical balance**. Essential for professional CJK typography, where characters often need width adjustments for proper visual density, and useful when mixing CJK with Latin text.

**Step-by-step:**

1. Hover over a character until the cursor appear <i class="fa-direction-left-right">:direction-left-right:</i>
2. Drag horizontally to compress or expand the character
3. Release to apply the change
   {% endtab %}

{% tab title="By changing the value" %}
Apply letter stretch to the entire text frame using the text properties panel.

**Step-by-step:**

1. Select the text layer
2. Go to the top bar and select the <i class="fa-text">:text:</i> button
3. On the same line as <kbd>Letter-spacing</kbd>, adjust the value
   1. You can type the value
   2. Or click and drag horizontally to adjust the value
4. You can see your text updated in realtime with the new size

{% hint style="info" %}
If the letter stretch has been modified, the global value will show as <kbd>Mixed</kbd>.
{% endhint %}
{% endtab %}
{% endtabs %}

***

## Set line-height

Adjust and manage the vertical spacing that appears between individual lines of text within your text frame.

#### **Step-by-step:**

{% stepper %}
{% step %}

#### Select the text layer

{% endstep %}

{% step %}

#### Go to the top bar and select the <i class="fa-text">:text:</i> button

{% endstep %}

{% step %}

#### On the same line as <kbd>Letter-spacing</kbd>, adjust the value

You can type the value, or click and drag horizontally to adjust the value
{% endstep %}

{% step %}

#### You can see your text updated in realtime with the new size

{% endstep %}
{% endstepper %}

***

## Align text

Control how text is positioned within your text frame using horizontal and vertical alignment options. Alignment affects the position of all text content relative to the frame boundaries.

#### Alignement options

{% columns %}
{% column %}
**Horizontal alignment**

* **Left**: Aligns text to the left edge of the frame
* **Center**: Centers text horizontally within the frame
* **Right**: Aligns text to the right edge of the frame
  {% endcolumn %}

{% column %}
**Vertical alignment:**

* **Top**: Aligns text to the top edge of the frame
* **Center**: Centers text vertically within the frame
* **Bottom**: Aligns text to the bottom edge of the frame
  {% endcolumn %}
  {% endcolumns %}

#### **Step-by-step:**

{% stepper %}
{% step %}

#### Select the text layer

{% endstep %}

{% step %}

#### Go to the top bar and select the <i class="fa-align-left">:align-left:</i> button

{% endstep %}

{% step %}

#### In the alignment popover,&#x20;

You can type the value, or click and drag horizontally to adjust the value
{% endstep %}

{% step %}

#### You can see your text updated in realtime with the new size

{% endstep %}
{% endstepper %}

***

## Apply text decoration

***

## Change text case


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.theseaai.com/tools/text/text-settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.