The “Scroll Reveal Text Widget” can be used to showcase headlines with an awesome scroll text reveal effect. A lot of customization options are available to create exactly the look you want for your Elementor page.
Let’s look at each of the options in the “Scroll Reveal Text Widget” below.
Install Scroll Reveal Text Widget for Elementor #
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Scroll Reveal Text”
- Hover over the widget in the search results and click install
- Add your “Scroll Reveal Text” widget to any Elementor Page
General Settings #
Title
Type text to show as title.
Alignment
Set the alignment of widget.
- Left
- Center
- Right
Animation Direction
Set the direction of animation.
- Left
- Right
- Top
- Bottom
Delay
Set the delay time in milliseconds.
Reveal Background1
Set the reveal background color first.
Reveal Background2
Set the reveal background color second.
HTML tag
Select the html tag for text.
- div
- h1
- h2
- h3
- h4
- h5
- h6
Reveal Each Time on Scroll
Text will reveal each time on scrolling.
Scroll Reveal Text Widget Styling #
Set the text shadow, padding, border, and border radius.
Background Styling #
In this section, set the background of text.
Title Styling #
You can set the typography, color, and custom styling for title element.
Usage Examples #
Here are some live use cases for the Scroll Reveal Text Widget.
