How to Add Mask on Images in Elementor Image Cascading Widget?

Updated onApril 9, 2026By

Key Takeaways

  • The Plus Addons for Elementor allows users to add a mask to images in the Image Cascading widget.
  • Users need a PNG or SVG image with a transparent background to create a mask shape.
  • The Image Cascading widget enables adding a custom drop shadow to the mask from the Image Shadow section.
Table Of Content

Do you want to add a mask to the images in the Elementor Image Cascading Widget? A mask allows you to create unique and eye-catching shapes on your images, making them stand out and grab the attention of your audience.

With the Image Cascading widget from The Plus Addons for Elementor, you can easily add a mask to the image and text content.

To check the complete feature overview documentation of The Plus Addons for Elementor Cascading Image widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

LIVE WIDGET LINK

To do this, you need to have a PNG (with a transparent background) or SVG image in your desired mask shape.

Then add the Image Cascading widget to the page and follow the steps.

1. From the Image Cascading tab, open the repeater item that you want to add the mask to. 

2. Then select the appropriate content type (image or text content) from the Layer Type dropdown and add the content. 

Note: Use the Image type content for better and more prominent effects.

3. After that enable the Mask Image Shape toggle.

4. Finally add the mask image in the Mask Image section.

You can add a custom drop shadow to the mask from the Image Shadow section.

Following this process you can add a mask to any repeater items.

Now you should see the content in your masked shape.

Cascading image mask image shape demo how to add mask on images in elementor image cascading widget? From the plus addons for elementor

Suggested Reading: How to Add LottieFiles in the Elementor Image Cascading Widget?

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the mask image doesn't display correctly?

If the mask image isn't showing as expected, ensure that the image is in PNG format with a transparent background or in SVG format. The Plus Addons for Elementor requires these formats for proper masking. Additionally, check that you've enabled the Mask Image Shape toggle in the settings. If these conditions are met and it still doesn't work, consider re-uploading the mask image.

Can I use the Image Cascading widget for a portfolio showcase?

The Image Cascading widget from The Plus Addons for Elementor is ideal for showcasing images in unique shapes, making it perfect for a portfolio. By adding masks to your images, you can create eye-catching presentations that stand out to viewers. This feature enhances visual appeal, especially for creative portfolios.

What content type works best for the masked images?

Using the Image type content in the Image Cascading widget is recommended for achieving better and more prominent effects with your masks. This ensures that the masking effect is visually striking and enhances the overall presentation of your images. If you opt for text content, the masking effect may not be as impactful.

What happens if I skip adding a mask image?

If you skip adding a mask image, the content in the Image Cascading widget will not take on the desired unique shape. This means the images will appear in their original rectangular form, which may not grab the attention of your audience as effectively. Masks are essential for creating the standout visual effects that the widget is designed to offer.

Are there any limitations when using the mask feature?

One limitation to consider is that the mask image must be either a PNG with a transparent background or an SVG file. If you use a different format, the masking effect may not work as intended. Additionally, ensure that the Image Cascading widget is installed and activated, as it is specifically a feature of The Plus Addons for Elementor.

How can I add a shadow effect to the masked images?

You can add a custom drop shadow to the mask from the Image Shadow section within the Image Cascading widget settings. This feature allows you to enhance the depth and visual interest of your masked images, making them pop even more on the page. Proper shadowing can elevate the overall design and presentation.

Last reviewed: April 9, 2026

Related Docs