How to set up and style the Unfold Content widget in Elementor.
Unfold Content shows the first part of a long text or a saved template and hides the rest until the visitor clicks a button. The content opens with a height animation and can be folded again. Use it to keep long pages short without removing any content.
Part of: Bright Addons Pro. Before you start: Nothing for text. To fold a layout, a published Elementor saved template is needed.
| Option | What it does |
|---|---|
| Source | Chooses between text from the editor and a saved template. |
| Content | The rich text to fold, used when the source is Text Editor. |
| Template | The saved Elementor template to fold, used when the source is Saved Template. |
| Option | What it does |
|---|---|
| Folded Height | How much of the content is visible before it is unfolded. |
| Animation Speed (ms) | How long the open and close animation takes. |
| Fade Out Folded Text | Adds a fade over the bottom of the folded content. |
| Allow Folding Again | Lets visitors close the content again. When off, the button disappears after unfolding. |
| Scroll Back When Folding | Scrolls back up to the widget when the content is folded and its top is off screen. |
| Start Unfolded | Shows the content open when the page loads. |
| Unfold Text | The button text while the content is folded. |
| Fold Text | The button text while the content is open. |
| Unfold Icon | The button icon while the content is folded. |
| Fold Icon | The button icon while the content is open. |
| Icon Position | Puts the icon before or after the button text. |
| Button Alignment | Aligns the button left, center or right, or makes it full width. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $16 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
typography, text color, link color and alignment, plus the background, border, shadow, radius and padding of the box.
the fade color and the fade height.
the space above the button, typography, icon size and spacing, colors, background, border, radius and padding for normal and hover states.
Yes. Set Source to Saved Template and choose a template. Only published Elementor saved templates can be selected.
Yes. Turn off Allow Folding Again. The button is then hidden once the content is open.
The content already fits inside the Folded Height, so there is nothing to unfold. Lower the Folded Height or add more content.
The height animation is skipped for visitors whose device is set to reduce motion. The content still opens and closes.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide