Support/🖼️ TST Image Editor/Adding & Editing Text
Back to TST Image Editor

Adding & Editing Text

How to add, style, and edit text layers — fonts, sizes, colors, backgrounds, presets, and brand tokens.

Updated May 15, 2026

Text layers give you control over font, size, weight, color, alignment, background, stroke, shadow, and more. Styles can be saved as reusable presets, and template-mode layers can also be bound to brand tokens that swap with your palette and profile links.

Adding Text

Open the Text button in the left toolbar of the editor. A picker (titled Add Text) slides in with a grid of built-in styles. Click any tile to drop a new text layer onto the canvas in that style.

Built-in styles include Heading Bold, Body Text, Caption, Quote, CTA Button, Stat Number, Subtitle, Tag, and Blank Text. Any text presets you save yourself appear under My Presets below the built-ins.

Editing Text Content

Double-click any text layer on the canvas to open a small editor dialog. Edit the text in the textarea, then click Apply to commit or Cancel to discard. Clicking outside the dialog also applies the change.

You can also edit text from the right sidebar: select the layer and type into the Text Content field at the top of the properties panel.

Font and Sizing

When a single text layer is selected, the right sidebar shows these controls:

  • Font Family — Choose from Inter, Poppins, Montserrat, Playfair Display, Oswald, Bebas Neue, Raleway, Roboto Mono, Barlow Condensed, or Pacifico.
  • Font Size — Numeric input (8–200 px).
  • Font Weight — Normal, Bold, Black, or Light.
  • Line Height — Spacing between wrapped lines (0.5–3).
  • Text Transform — None, UPPERCASE, or lowercase.

Color, Background, and Effects

  • Text Color — Color swatch plus a hex input.
  • Background — Add a filled box behind the text. When a background color is set, two extra fields appear: Bg Padding (inner padding) and Bg Radius (corner radius) — great for pill labels and quote cards.
  • Text Stroke — Outline around the characters. Click + Add to enable, then set width, color, and opacity.
  • Text Shadow — Soft drop shadow. Click + Add to enable, then set color, blur, offset X / Y, and opacity.
  • Opacity — Layer-wide transparency slider (under Transform).

Alignment

  • Horizontal — Left, Center, or Right (icon buttons).
  • Vertical — Top, Middle, or Bottom within the layer box.

Saving and Loading Presets

With a text layer selected, scroll to the bottom of the text properties and use Save to store the current style as a named preset. Use Load to apply a saved preset to the selected layer — both your own saved presets and the built-in styles are available in the picker.

Tip: Save a custom preset once your heading style is dialed in — every new slide can match in a single click.

Color Tokens (template mode)

In template mode, the properties panel includes a Color Token selector under Template Config. Options are None, Primary, Accent, Background, and Secondary. When set, the layer renders in whatever color the active palette assigns to that token — so a palette swap re-skins every tokenized layer automatically.

Text layers in template mode also have a Link Token selector with options None, Preferred Link, Instagram Handle, and Website URL. When a token is set, the text content is sourced from your profile rather than from manual edits — keeping CTAs ("Follow @yourhandle", "yourwebsite.com") consistent across every template.

Multi-Layer Text Editing

Shift+click to select multiple text layers. The right sidebar switches to a batch editor with a Deselect button and a count of selected layers. Common properties (font family, font size, font weight, alignment, color, line height, text transform, background, padding, radius) show their shared value; when layers differ on a property, the input shows Mixed. Changing any property writes it to every selected layer at once.

Was this article helpful?

Let us know so we can improve our content