Caption Styling & Position
Customize caption appearance and positioning for optimal viewing.
Position
Standard Positions
- Bottom Center (default, recommended)
- Top Center (when bottom obscured)
- Bottom Left/Right (dual language)
- Custom (advanced)
Changing Position
- Select caption(s)
- Click Position button
- Choose from presets or custom
- Preview changes
Position Guidelines
- Bottom: Standard for most content
- Top: When lower third graphics present
- Sides: Dual language or speaker differentiation
Text Styling
Font
Recommended fonts:
- Arial (most compatible)
- Roboto (modern, clean)
- Helvetica (classic)
- Verdana (highly readable)
Avoid decorative or script fonts.
Size
- Small: Mobile devices
- Medium: Standard (recommended)
- Large: Accessibility
Color
Standard: White text
Alternatives:
- Yellow: High contrast
- Cyan: Technical content
- Custom: Brand colors (use sparingly)
Background
Options:
- None: Clean, transparent
- Black box: High contrast (recommended)
- Semi-transparent: Balance clarity/aesthetics
Outline/Shadow
- Black outline: Improves readability
- Drop shadow: Subtle depth
- None: Clean look (use with background)
Speaker Styling
Color Coding
Assign colors to speakers:
[John]: <blue>Hello everyone</blue>
[Mary]: <green>Hi, glad to be here</green>
Speaker Labels
>> JOHN: Hello everyone
>> MARY: Hi there
Position Differentiation
- Speaker 1: Bottom
- Speaker 2: Top
Special Formatting
Sound Effects
[door slams]
[applause]
(phone ringing)
Music
♪ Background music ♪
♪ Song Title - Artist ♪
Emphasis
*important*
**very important**
Links/Hashtags
Visit scriptix.io
#tutorial #captions
Accessibility Features
High Contrast
For vision impaired:
- White text
- Black background
- Bold weight
- Larger size
Color Blind Friendly
Avoid relying solely on color:
- Use shapes/icons
- Add text labels
- Sufficient contrast
Export Styling
Different formats support different styling:
| Format | Styling Support |
|---|---|
| SRT | Limited (text only) |
| VTT | Moderate (CSS-like) |
| TTML | Full (XML-based) |
| SCC | Broadcast standard |
Best Practices
- Consistency: Use same style throughout
- Readability First: Function over form
- Test Viewing: Check on actual devices
- Accessibility: Follow WCAG guidelines
- Brand Guidelines: Match if required