---
title: "Unfold Elementor Widget Settings Overview"
url: https://theplusaddons.com/docs/unfold-elementor-widget-settings-overview/
date: 2023-03-06
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "Collapsible content keeps long pages easy to scan: visitors see a preview and open the rest with one click. The Unfold widget from The Plus Addons for Elementor Pro cuts..."
image: https://theplusaddons.com/wp-content/uploads/2023/03/Unfold-Elementor-Widget_-Settings-Overview-1024x536.jpg
word_count: 812
---

# Unfold Elementor Widget Settings Overview

## 

- Unfold widget from The Plus Addons for Elementor Pro corta texto, una plantilla, un contenedor o una sección interna a una altura fija y añade botones Read More / Read Less, con un segundo botón opcional cuando el contenido se abre.
- Content Source en Unfold decide qué se colapsa: Custom Content usa el contenido escrito en el editor, Template usa una plantilla de Elementor publicada, Inner Section Based usa la sección interna adyacente y Container Based usa el contenedor adyacente.
- Buttons permite elegir Icon Type como Icon o Lottie, cambiar el texto y el icono de Expand Button y Collapse Button, y usar una URL Lottie que termine en .json; si la URL termina en otro formato aparece “Opps!! Please Enter Only JSON File Extension.”.
- How It Behaves indica que el botón solo aparece cuando el contenido supera Max Height en ese dispositivo, Read More abre todo el contenido y Read Less lo vuelve a la altura máxima actual; varios widgets Unfold en una página se abren y cierran de forma independiente.

Collapsible content keeps long pages easy to scan: visitors see a preview and open the rest with one click.

The **Unfold** widget from The Plus Addons for Elementor Pro cuts text, a template, a container or an inner section to a set height and adds a Read More / Read Less button, plus an optional second button that appears once the content is open.

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/unfold/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

https://youtu.be/bg4wkzAaBC8

## Before You Start

- **Edition:** **Pro** — Unfold is a Pro widget. In the free plugin it appears in the Elements panel with a lock icon, and a page that already holds an Unfold widget shows nothing of it while Pro is inactive.- Elementor, The Plus Addons for Elementor and The Plus Addons for Elementor Pro installed and active.- **Widget to enable:** Unfold, switched on under **The Plus Addons > Widgets**.

![The Plus Addons Widgets page in the WordPress dashboard with the Unfold widget switch](https://theplusaddons.com/wp-content/uploads/2023/03/unfold.png)

## Content Source

**Content > Unfold > Select Source** decides what gets collapsed. Add a heading above it in **Title**.

| Select Source | What is collapsed | Guide |
| ------------- | ----------------- | ----- |
| Custom Content (default) | Text you type in the widget's **Content** editor | [Read More toggle for text](https://theplusaddons.com/docs/add-read-more-toggle-button-to-text-in-elementor/) |
| Template | A published Elementor template chosen in **Elementor Templates** | [Templates](https://theplusaddons.com/docs/elementor-templates-in-unfold-widget/) |
| Inner Section Based | The Inner Section directly above or below the widget in the same column | [Inner section](https://theplusaddons.com/docs/toggle-an-elementor-inner-section/) |
| Container Based | The container directly above or below the container that holds the widget | [Container](https://theplusaddons.com/docs/collapsible-elementor-flexbox-container/) |

![The Select Source dropdown in the Unfold section of the Unfold widget](https://theplusaddons.com/wp-content/uploads/2026/09/unfold-source.webp)

## Buttons

- **Icon Type**: **Icon** or **Lottie**.- **Expand Button Text** (default Read More) and **Expand Button Icon**.- **Icon Position**: **Before** or **After** the text.- **Collapse Button Text** (default Read Less) and **Collapse Button Icon**, shown while the content is open.

![The Icon Type dropdown set to Icon, with the expand and collapse button fields below it](https://theplusaddons.com/wp-content/uploads/2026/09/unfold-icon-type.webp)

The default book icons need Font Awesome, which the widget does not load, so they do not show on the page. Pick your own icons and set **Style > Toggle Button > Toggle Icon Options > Size**; without a size a chosen icon was about 40 px wide.

### Lottie Icon

With **Icon Type** set to **Lottie**, paste a **Lottie URL** that ends in *.json*. The animation shows before or after the text (20 × 20 px by default) and stays the same while the content is open. **Style > Lottie** holds Width, Height, Speed, Loop Animation and Hover Animation.

![A Lottie URL ending in .json in the Unfold widget with Icon Type set to Lottie](https://theplusaddons.com/wp-content/uploads/2026/09/unfold-lottie.webp)

A URL with another ending prints “Opps!! Please Enter Only JSON File Extension.” inside the button on the page.

### Extra Button

Turn on **Extra Button** to add a link button with its own **Text**, **Link** and **Extra Button Icon**. It stays hidden while the content is closed and appears next to the toggle button after Read More. The link opens in a new window with nofollow unless you change the link options.

![Extra Button turned on with its Text and Link fields filled in](https://theplusaddons.com/wp-content/uploads/2026/09/unfold-extra-button.webp)

On the page, after Read More:

![An opened product description with a Read Less button and a View product page button beside it](https://theplusaddons.com/wp-content/uploads/2026/09/unfold-result-extra.webp)

## Content Options

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| Content Expand Direction | Custom Content and Template: **Above Button** shows the content first, **Below Button** the button first. Container and Inner Section: which neighbour is collapsed (see their guides). | Above Button |
| Max Height | Visible height before the content opens, 1-500 px. Tablet value from 1024 px wide down, mobile value from 767 px down; an empty value uses the next larger device's height. | 100 px |
| Custom Opacity | Off: the fade covers the whole visible area. On: only the bottom **Opacity Height** fades, to **Opacity Color**. | Off (Opacity Height 80 px) |
| Transition Duration (0 - 5000) | Opening and closing time in milliseconds. 0 is treated as 200. | 200 |
| Toggle Alignment | Space Around, Left, Center, Right or Space Between for the button row, per device. With Right, the Extra Button sits to the left of the toggle button. | Left |
| Scroll Top | After Read Less, scrolls the page back up to the widget title. | Off |

![Custom Opacity turned on with Opacity Height 40 and an Opacity Color in the Content Options section](https://theplusaddons.com/wp-content/uploads/2026/09/unfold-opacity.webp)

## Style Options

| Section | What you can style |
| ------- | ------------------ |
| Title | Margin, **Title Tag** (default div), alignment, typography and colour |
| Description | Margin; alignment, typography and colour for Custom Content only |
| Toggle Button | Padding, margin, typography, normal and hover colours, background, border, radius, shadow; **Toggle Icon Options** (Size, Offset, Normal Color, Hover Color); wrapper margin |
| Lottie | Margin, Width, Height, Speed, Loop Animation, Hover Animation (Icon Type Lottie only) |
| Extra Button | Typography, normal and hover styles and its icon (Extra Button on only) |
| On Scroll View Animation | Entrance animation when the widget scrolls into view |

![Toggle Icon Options Size set to 14 in the Toggle Button style section of the Unfold widget](https://theplusaddons.com/wp-content/uploads/2026/09/unfold-icon-size.webp)

## How It Behaves

- The button only appears when the content is taller than Max Height on that device.- Read More opens the content to its full height and removes the fade; Read Less closes it to the current device's Max Height.- Several Unfold widgets on one page open and close independently.

## Limitations

- If your theme adds space above paragraphs, the last line of opened text can be cut off. Set **Style > Description > Margin** to 0 at the top to fix it.- Content shorter than Max Height gets no button but keeps the full Max Height, with the fade still over text.- For Container Based and Inner Section Based, the widget must sit directly next to its target; otherwise nothing collapses.- A template that is not published shows an “Unauthorized Access” notice to visitors.

## Related Docs

- [Add a Read More toggle button to text](https://theplusaddons.com/docs/add-read-more-toggle-button-to-text-in-elementor/)- [Make a collapsible Elementor Flexbox container](https://theplusaddons.com/docs/collapsible-elementor-flexbox-container/)- [Tabs Tours widget settings overview](https://theplusaddons.com/docs/tabs-tours-elementor-widget-settings-overview/)- [On Scroll View Animation](https://theplusaddons.com/docs/on-scroll-view-animation/)

## Frequently Asked Questions

**Q: Why isn’t the Unfold widget showing a Read More button on my page?**
A: The button only appears when the content is taller than the Max Height set for that device. If the content is shorter, Unfold keeps the full Max Height behavior and still shows the fade, but it won’t add a toggle. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses this to keep short content from looking artificially collapsed.

**Q: Can I use Unfold to collapse a template, inner section, or container instead of plain text?**
A: Unfold supports more than text. Content Source can be Custom Content, Template, Inner Section Based, or Container Based, so it can collapse a published Elementor template, the neighboring inner section, or the neighboring container. That matters when you want a preview-first layout without rewriting content into text blocks. For templates, the page also links to [Templates](https://theplusaddons.com/docs/elementor-templates-in-unfold-widget/).

**Q: What’s the difference between Read More and the extra button in Unfold?**
A: Read More is the main toggle that opens and closes the collapsed content. The Extra Button is separate: it stays hidden while the content is closed and appears next to the toggle after Read More. It has its own Text, Link, and Extra Button Icon, and its link opens in a new window with nofollow unless you change the link options.

**Q: Why does my Lottie icon show an error in the Unfold button?**
A: The Lottie icon only accepts a URL that ends in .json. If you paste anything else, the button prints “Opps!! Please Enter Only JSON File Extension.” on the page. The animation sits before or after the text at 20 × 20 px by default and keeps the same state while open or closed, so it’s meant as a stable button icon rather than a changing indicator.

**Q: What should I use for Max Height in an Unfold widget?**
A: Max Height controls how much of the content stays visible before expansion, and it accepts 1 to 500 px. The default is 100 px. Tablet uses its own value from 1024 px down, mobile from 767 px down, and leaving a device value empty makes it inherit from the next larger device. That makes it easy to tune previews per breakpoint instead of forcing one height everywhere.

**Q: What are the main limitations of Unfold in Elementor?**
A: Unfold depends on placement and content length more than most people expect. For Container Based and Inner Section Based sources, the widget has to sit directly next to its target or nothing collapses. If your theme adds space above paragraphs, the last line of opened text can get cut off unless Style > Description > Margin is set to 0 at the top. A non-published template also shows an “Unauthorized Access” notice to visitors.