Adding & Editing Text
How to add, style, and edit text layers — fonts, sizes, colors, backgrounds, presets, and brand tokens.
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.
Link Tokens (template mode)
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.
Related Articles
Getting Started with the Image Editor
A tour of the Image Editor — slides, layers, panels, and the basic workflow for creating a finished post or carousel.
TST Image Editor
Brand Kit, Palettes & Style Variants
Apply your brand colors, fonts, and logo across an entire project — and swap design styles without losing your content.
TST Image Editor
Aligning & Arranging Elements
Multi-select layers and use the Arrange panel to align, distribute, flip, and tidy them up.
TST Image Editor
Was this article helpful?
Let us know so we can improve our content