This guide will help you get familiar with the DiviFlash scroll text reveal module. This module gradually reveals text as users scroll and create an interactive effect that enhances engagement.
Version Availability: The Scroll Text Reveal module is available starting from version 1.4.9. Make sure your plugin is updated to access this feature.
Activation Required: This module is disabled by default. To use it, you need to enable it manually. Refer to our guide for step-by-step instructions.
How to Use: Enable the Divi Builder on a page, add rows as needed, then search for “Scroll Text Reveal” and insert the module.
Now, let’s explore all the features this module offers.
Content
Customize how your text is revealed with various animation and styling options.
Text
Enter the text you want to reveal.
Reveal Settings
- Trigger Type: Select how the text will be revealed—Auto, With Scroll, or On Viewport.
- Split Content: Choose whether to reveal text word by word or letter by letter.
- Reveal By: Set the animation to reveal text through opacity or color.
- Reveal Color: Choose a color for the reveal effect (available only when “Dual Color” is selected as “Reveal By”).
- Initial Opacity: Set the starting opacity before the reveal starts.
- Animation Duration: Set the total duration of the reveal animation (not available when “With Scroll” is selected as “Trigger Type”).
- Animation Delay: Add a delay before the animation starts (not available when “With Scroll” is selected as “Trigger Type”).
- Viewport Offset Top: Define how much of the viewport to exclude from the top (only available when “On Viewport” is selected as “Trigger Type”).
- Viewport Offset Bottom: Define how much of the viewport to exclude from the bottom (only available when “On Viewport” is selected as “Trigger Type”).
Background
Customize the module with a background color, gradient and image.
Admin Label
Rename the module for easier identification.
Design
Customize the appearance of the module with various styling options.
Text
Adjust typography settings for the module’s content.
Heading Text
Customize typography options specifically for the heading.
Sizing
Modify the width, height, and alignment of the entire module.
Spacing
Set custom margins and padding for the module’s container.
Border
Customize borders individually or apply a uniform style to all sides.
Box Shadow
Add shadow effects to enhance the module’s depth and appearance.
Animation
Apply and customize reveal animation effects, including delay, duration, and repetition settings.
Advanced
This tab provides additional customization options, including custom CSS, visibility settings, and display conditions for advanced styling and control.
Final Thoughts
Need help? We’ve got you covered!
💬 Submit a comment on this documentation if you have feedback or questions.
🗨️ Chat with our support team—just click the chat icon for instant assistance.
📩 Still stuck? Click the support button to open a popup form titled “Still stuck? How can we help?” and let us know what you need! We’re here to help you get the most out of the DiviFlash Scroll Text Reveal module! 🚀