---
title: "How to Add Text Content in Elementor Image Cascading Widget?"
url: https://theplusaddons.com/docs/add-text-content-in-elementor-image-cascading-widget/
date: 2024-05-13
modified: 2026-09-18
lang: en
author: "Aditya Sharma"
description: "A cascade made only of photos says nothing. One short line — a price, a season, a name — placed between the images turns it into a piece of design...."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-Text-Content-in-Elementor-Cascading-Image-Widget_-1024x536.jpg
word_count: 665
---

# How to Add Text Content in Elementor Image Cascading Widget?

## 

- The Plus Addons for Elementor Image Cascading widget treats text as another layer, positioned with the same sliders as images and stacked in the same repeater order.
- Image Cascading ships only in the Pro version of The Plus Addons for Elementor, and it appears under The Plus Addons > Widgets after the toggle is turned on and the Elementor editor is reloaded.
- Text Content uses a plain single-line field with no rich-text editor, no line breaks, and no heading tag, so it is not a heading for SEO or screen readers.
- Text layers support Text Background, Border Radius, Text Shadow, and CSS Background Filter, while image-only settings like Overlay Background, Opacity, Transform css, and Responsive Visibility do not appear for text layers.

A cascade made only of photos says nothing. One short line — a price, a season, a name — placed between the images turns it into a piece of design.

In the **Image Cascading** widget from The Plus Addons for Elementor, text is just another layer: it is positioned with the same sliders as the images and sits in the same stack.

*To check the complete feature overview documentation of The Plus Addons for Elementor Image Cascading widget, [click here](https://theplusaddons.com/docs/cascading-image-widget-settings-overview/).*

***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/image-cascading/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Pro** — Image Cascading ships only in the Pro version of The Plus Addons for Elementor. The widget file is not in the free plugin at all, so it does not appear in the widget list without Pro.- **Widget to enable:** **Image Cascading**, under **The Plus Addons > Widgets**. Search for it and turn the toggle on, then reload the Elementor editor.- **Where the settings are:** drop the **Image Cascading** widget on the page. The **Content** tab holds three sections — **Image Cascading** (the layers), **Image Animation** and **Styling**.- **How it is built:** each item in the **Add Multiple Cascading Sections** repeater is one layer. Layers are absolutely positioned inside the widget, so they can overlap.

## Add a Text Layer

- In the **Image Cascading** section, click **+ Add Item** to add a new layer, or open an existing one.- Set **Layer Type** to **Text Content**.- Type your line into the **Text Content** field.- Place the layer with **Left (Auto / %)**, **Top (Auto / %)** and **Width** under **Layer Position**, exactly as you would an image.- Update the page and check it on the front end.

## Style the Text

A text layer swaps the image settings for its own set:

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Text Typography** | Family, size, weight, line height and letter spacing. | Inherited from the theme |
| **Text Color** | Colour of the text. | Inherited |
| **Text Hover Color** | Colour while the pointer is over the layer. | Empty |
| **Text Background** | A background behind the text: classic colour, image or gradient. | None |
| **Border Radius** | Rounds the corners of that background. | Empty |
| **Text Shadow** | A CSS text shadow on the line. | None |
| **CSS Background Filter** | Only on text layers. Sets a **Width**, **Height**, **Blur** and **Grayscale** for the area behind the text, so the photo under it is blurred or desaturated. | Off |

## The Result

With **Text Content** set to a headline, 34 px at weight 800, a dark blue **Text Color** and a yellow **Text Background** with an 8 px **Border Radius**, the layer sat over the photo like this:

![A published image cascade with a yellow-highlighted headline placed over the photo](https://theplusaddons.com/wp-content/uploads/2026/09/imgcascading-result-text.webp)

![An image cascade combining photo layers and a styled text layer](https://theplusaddons.com/wp-content/uploads/2024/05/cascading-image-text-content-demo.png)

## How It Behaves

- The rest of the **Extra Options** — **Continues Effect**, **Mask Image Shape**, **Magic Scroll**, **Tooltip**, **Special Effect**, **Parallax Move**, **On Hover Tilt** and **Link /Popup** — are offered on text layers as well as image layers.- **Width** is a maximum width, so a long line wraps inside it instead of pushing the layer wider.

## Limitations

- **Text Content** is a plain single-line field. There is no rich-text editor, no line breaks and no heading tag, so the text is not a heading as far as SEO or screen readers are concerned.- Text layers take no part in the **Slide Show** rotation: the script that cycles the stack only picks up image and Lottie layers.- The image-only settings — **Overlay Background**, **Opacity**, **Transform css** and **Responsive Visibility** — are not shown for a text layer.

## Troubleshooting

### The text is hidden behind a photo

Layers are drawn in repeater order and the last item is on top. Drag the text item below the image items.

### The text is unreadable over a busy photo

Give it a **Text Background**, or turn on **CSS Background Filter** and add some **Blur** so the photo behind the text goes soft.

### The line runs off the widget on mobile

Open the **Mobile** tab of **Layer Position**, switch on **Responsive Values** and give the layer its own width and position there.

## Related Docs

- [Cascading Image Widget: Settings Overview](https://theplusaddons.com/docs/cascading-image-widget-settings-overview/)- [How to Create Image Cascading Effect in Elementor?](https://theplusaddons.com/docs/create-image-cascading-effect-in-elementor/)- [How to Add LottieFiles in the Elementor Image Cascading Widget?](https://theplusaddons.com/docs/add-lottiefiles-in-the-elementor-image-cascading-widget/)