The “Unfold Content Widget” is one of the space-saving widgets that may help you organize the look of your page by hiding long content that doesn’t have to be shown by default. You can adjust the height of folded content as per your need. It also comes with different customization options to look and work as per your need.
Let’s look at each of the options in the “Unfold Content Widget” below.
Install Unfold Content 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 “Unfold Content“
- Hover over the widget in the search results and click install
- Add your “Unfold Content” widget to any Elementor Page
General Settings
Trigger
Select the way to trigger the unfold content option.
- Click Button
- Hover
- Click Box
Overlay
Turn on/off the overlay option.
Fold Height
Adjust the fold height as per your need.
Transition Duration
Set the transition duration in milliseconds.
Content Settings
Enable Title
Show/Hide the title.
Title
Type the title you want to display.
Title HTML Tag
Choose the HTML tag for title.
- H1
- H2
- H3
- H4
- H5
- H6
- div
- span
- p
Content Source
Select the content source.
- Editor
- Elementor Template
Editor
Type your text in editor section to display.
Elementor Template
Select your elementor template to display.
Button Settings
Enable Button
Enable or disable the button option.
Button Position
Select the button position.
- Inside
- Below
- Above
Unfolded Text
Type the unfolded text.
Show Button Icon
Show/Hide the button icon.
Icon Folded
Choose an icon for folded position.
Icon Unfolded
Choose an icon for unfolded position.
Unfold Content Widget Styling
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want
General Styling
Set the alignment, padding, background, and border of unfold content.
Typography Styling
Set the typography and color for title and text.
Button Styling
You can set the alignment, spacing, typography, background, color and padding for button.
Overlay Styling
In this section, set the overlay color to blend with the background.
Usage Examples
Here are some live use cases for the Unfold Content widget.