Skip to content
Text highlight
Section Overview
The Text Highlight section creates interactive text that gradually reveals content as users scroll down the page, with words lighting up sequentially.
Common Use Cases
- Creating engaging storytelling experiences that capture user attention
- Highlighting key brand messaging or value propositions in a memorable way
- Building creative landing pages that reward scrolling behavior
- Showcasing testimonials or quotes with visual emphasis
Usage Tips
- Keep text concise for maximum impact - shorter content works best with this effect
- Consider using the sticky layout option for a fixed-position experience
- Use complementary colors that maintain legibility when words transition from faded to highlighted
- Test on mobile devices to ensure the scrolling experience is smooth across all viewports
Section Settings
| Setting | Description |
|---|---|
| Top spacing | Controls the amount of padding above the section (0-500px) |
| Bottom spacing | Controls the amount of padding below the section (0-500px) |
| Color scheme | Sets the background color of the section from theme presets |
| Custom color | Defines a custom background color when "Custom" is selected |
| Text color | Determines text color appearance (Default, Force light, Force dark) |
| Border color | Sets the color for any borders (Subtle, Strong) |
| Enable color fade | Changes the background color of the page when scrolling to this section |
| Border position | Determines where borders appear (None, Top, Bottom, Top and bottom) |
| Column width | Controls the width of the content column (20-100%) |
| Horizontal alignment | Sets the horizontal alignment of section content (Left, Center, Right) |
| Enable margin | Applies horizontal margin from global theme settings when enabled |
| Enable sticky layout | Makes the section stay fixed on screen while scrolling through content |
| Visibility | Controls when the section is visible (All devices, Mobile only, Desktop only) |
Block Settings
Heading
A large heading that reveals words as the user scrolls.
| Setting | Description |
|---|---|
| Content | The heading text that will be revealed word by word |
| Horizontal alignment | Sets the text alignment within the block (Left, Center, Right) |
Content
Regular paragraph text that reveals words as the user scrolls.
| Setting | Description |
|---|---|
| Content | The paragraph text that will be revealed word by word |
| Horizontal alignment | Sets the text alignment within the block (Left, Center, Right) |
Buttons
Adds interactive buttons below the text content. Limited to 1 block per section.
| Setting | Description |
|---|---|
| Button label | Text displayed on the primary button |
| Button URL | Destination link for the primary button |
| Button color | Styling preset for the primary button appearance |
| Secondary button label | Text displayed on the secondary button |
| Secondary button URL | Destination link for the secondary button |
| Secondary button color | Styling preset for the secondary button appearance |