> 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

Control text appearance through global settings (applied to entire text frames) and character-level adjustments ont size, letter spacing, stretch, line height, alignment, and text decoration.

**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.

<div align="left"><figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FbvadrDqmPFd3AqCieMUm%2Fgitbook_text_resize.png?alt=media&amp;token=dbad5d44-18fe-45db-9ddf-2298795c7121" alt=""><figcaption></figcaption></figure></div>

**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.

<figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FwPAtNQO8164gKLYRXZ8M%2Fgitbook_text_resize_number.png?alt=media&amp;token=1592d8f4-616a-4788-8862-cc5ec5e791c2" alt=""><figcaption></figcaption></figure>

**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.

<figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FhUM474UC0gTEh07XyfGf%2Fgitbook_text_space_JP.png?alt=media&amp;token=d1d7e079-eb4c-4323-a73e-5d45ab9375b3" alt=""><figcaption></figcaption></figure>

**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.

<figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FGHTOONebf3w2txCrliZg%2Fgitbook_text_space_number.png?alt=media&amp;token=eca5c389-219e-4fec-9870-d0275ea0d3e2" alt=""><figcaption></figcaption></figure>

**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.

<figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FyaXEiHSAGrG45kZWXqFS%2Fgitbook_text_width.png?alt=media&amp;token=d0dde5ba-6a9b-4475-8be3-a28b82d846fc" alt=""><figcaption></figcaption></figure>

**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.

<figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FoHJZO9QnPCGQB60wOvot%2Fgitbook_text_stretch.png?alt=media&amp;token=eb287ca8-c6f6-4c72-be08-1b12172d03a6" alt=""><figcaption></figcaption></figure>

**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.

<figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FbU1Pb9uQuN2tGT6xrRYb%2Fgitbook_text_lineheight.png?alt=media&amp;token=cb2675d3-9397-4303-acd4-1acafa1b6267" alt=""><figcaption></figcaption></figure>

#### **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><mark style="color:$primary;">Letter-height<mark style="color:$primary;"></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.

<figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FWKEGsGzccXU2xTSBtZOd%2Fgitbook_text_align.png?alt=media&amp;token=449cff5a-3825-4008-801f-3e8727cba234" alt=""><figcaption></figcaption></figure>

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

Adjusting how the text looks like by selecting text decoration styles, like underline or ellipsis truncation, switch between text cases (such as uppercase, lowercase, or capitalize), and apply additional text features to match your exact design needs.

<figure><img src="https://3377749587-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FoG89HOlBXWYdROJnrPch%2Fgitbook_text_decoration.png?alt=media&amp;token=916ead5b-d858-4cb2-806d-d9629efa3e01" alt=""><figcaption></figcaption></figure>

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

{% stepper %}
{% step %}

#### Select the text layer

{% endstep %}

{% step %}

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

{% endstep %}

{% step %}

#### In the text decoration popover,&#x20;

You can click turn the decoration options on and off
{% endstep %}
{% endstepper %}


---

# 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.