Content & Text
Text Overlay
A full-width image or video background with a title, description, and configurable text position overlaid on top.
What It Does
The Text Overlay module displays a full-width background media (image or video) with text overlaid directly on top. The title and description float over the visual content, and the text position can be set to left, right, or centre. A configurable text colour ensures readability against any background.
Best Used For
- Impactful section breaks between content areas
- Brand message overlaid on a product or lifestyle image
- Video backgrounds with short headline text
- Visual storytelling sections with minimal copy
Variants
Default
A full-width media background with text overlaid. Text position and colour are fully configurable.
Best for: Brand statements, campaign visuals, and image-rich section breaks
Fields Reference
| Field | Type | Required | Description |
|---|---|---|---|
| media | media | No | Background image or video for the section |
| title | component | No | Short headline text overlaid on the media |
| description | component | No | Supporting text below the title |
| textPosition | enumeration | Yes | Where the text sits on the section -- Left, Right, or Centre |
| entranceAnimation | component | No | Scroll-triggered entrance animation |
Tips for Great Results
- Use a high-contrast text colour against the media background — white text on dark images, dark text on light images.
- Keep the title to 5 words or fewer for maximum visual impact at full width.
- If using a video, keep the file size under 5 MB for fast loading. Use a looping, autoplay clip.
- The centre text position works best for symmetrical compositions; left or right works well with portraits or directional imagery.
Supported Languages
Fully bilingual — all text fields support both English and Thai content.