Text Editing
The Text Edit panel provides comprehensive typography and styling controls for text blocks. Access it by selecting a text block in the editor.
Typography
Font Family
Choose from 35+ font options including:
- Sans-serif: Satoshi (default), Inter, Roboto, Open Sans, Lato, Montserrat, Poppins, PT Sans, Ubuntu, Verdana
- Serif: Playfair Display, Merriweather, Georgia, PT Serif, Times New Roman, Bitter, Vollkorn
- Display: Gravitas One, Abril Fatface, Allan, Dancing Script
- System: Helvetica, Courier New, Trebuchet MS
Base Font Size
Select from preset sizes:
- 12px, 14px, 16px, 18px, 20px, 24px, 28px, 32px, 36px, 48px, 64px
Font Weight
Available weights depend on the selected font family:
- Light (300)
- Regular (400)
- Medium (500)
- Semibold (600)
- Bold (700)
- Extra Bold (800)
- Black (900)
Line Height
Control the spacing between lines:
- Auto - Default (1.5)
- 1, 1.2, 1.5, 1.75, 2
Letter Spacing
Choose from preset spacing options:
| Option | Value |
|---|---|
| Tight | -0.03em |
| Normal | 0 |
| Wide | 0.05em |
Text Alignment
Align your text content:
| Alignment | Description |
|---|---|
| Left | Standard left-aligned text |
| Center | Centered text |
| Right | Right-aligned text |
| Justify | Full-width justified text |
Colors
Font Color
Set the text color using:
- Visual color picker
- Hex color input (e.g., #000000)
Default: Black (#000000)
Background Color
Add a background color behind the text:
- Visual color picker
- Hex color input
- "Transparent" option
- Clear button to reset
Default: Transparent
Padding
Control the inner spacing around text content:
- Range: 0px to 48px
- Step: 4px
- Default: 8px
Text Block Presets
Quickly apply a complete style to your text block using presets:
| Preset | Description |
|---|---|
| Default | Standard text styling from your theme |
| Transparent | No background, text only |
| Subtle | Light background tint |
| Dark | Dark background with light text |
| Primary | Uses your theme's primary color |
| Secondary | Uses your theme's secondary color |
| Accent | Uses your theme's accent color |
| Black | Black background with white text |
Presets set the background, text color, and padding in one click. You can further customize after applying.
Tips
- Use consistent font families across your site for a cohesive look
- Limit font weight variations to maintain visual hierarchy
- Test readability at different viewport sizes
- Use sufficient contrast between text and background colors