Unfold

< All Topics

The Unfold widget is used to hide certain part of content and then expand it on click. This comes in very handy if your page is getting too long and you need to shorten it. You can also use Elementor Templates inside this.

Pro tip
Use the Unfold widget to hide additional content like FAQs and those who want to see more information can do by clicking it. This will not only reduce the length of the page but also enhance the User Experience.

How to use the Unfold widget of The Plus Addons For Elementor

The Unfold widget is easy to use. Let’s understand how to use this widget in the tutorial below. 

Table Of Contents

General Steps

Search for the Unfold Widget from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to this widget. First, click on the Content tab.

1. Content

Unfold

Title

Enter the title here for unfold content.

Select Source

Enter the source here for unfold content. You can custom text content or use Elementor Template.

Content

Enter the content here for unfold content.

Expand Button Text

Enter the text here for Expand Button.

Icon Position

Set the position of your icon.

Expand Button Icon

Select the Icon here for Expand Button.

Collapse Button Text

Enter the text here for Collapse Button.

Collapse Button Icon

Select the Icon here for Collapse Button.

Extra Button

Enable the Extra Button from here. Add text to your button, set your link, and change the icon.

Content Options

Enable Custom Opacity for Unfold widget.

Content Expand Direction

Set the direction for content expansion. You can set it above or below the button.

Max Height

Use the slider to set the max height here for content expansion.

Custom Opacity

Enable and set the Opacity height and color.

Transition Duration (0 – 5000)

Set the Transition Duration here.

Toggle Alignment

Set the Toggle alignment here.

2. Style

The Style tab is used for customizing the appearance of all the Animated Service Boxes widget components. Let’s understand each of these customization options. 

Title Style

Set Margin, Alignment, Typography, and Text color for the Title here.

Description Style

Set Margin, Alignment, Typography, and Text color for the Description here.

Toggle Button Style

Set Margin, Padding, Alignment, Typography, Size, Radius, Background, Box shadow and color for the toggle button here.

Extra Button Style

Set Margin, Typography, Size, Radius, Background, Box shadow and color for the Extra button here.

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Need help?