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.
