---
title: "How to Create a Text Mask Effect in Elementor?"
url: https://theplusaddons.com/docs/text-mask-effect-in-elementor/
date: 2024-05-15
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Do you want to create a text mask in Elementor? Text masks allow you to overlay text onto an image or graphic, creating an eye-catching effect that can elevate the..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Create-a-Text-Mask-in-Elementor_-1024x536.jpg
word_count: 219
---

# How to Create a Text Mask Effect in Elementor?

## 

- Creates a text mask effect using the Advanced Typography widget from The Plus Addons for Elementor.
- Enables the Knockout Text feature by toggling it in the Advanced Typography tab after adding text.
- Requires installation and activation of The Plus Addons for Elementor to access the Advanced Typography widget.

Do you want to create a text mask in Elementor? Text masks allow you to overlay text onto an image or graphic, creating an eye-catching effect that can elevate the overall design of your website.

With the Advanced Typography widget from The Plus Addons for Elementor, you can easily create a text mask in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs//advanced-typography/).*

***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](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/)

To do this, add the Advanced Typography widget to the page and follow the steps -

1. In the **Advanced Typography** tab, select **Normal** or **Multiple** from the **Select Option** dropdown.

Let’s select Normal.

2. Then add the text in the **Text** field.

3. After that enable the **Enable/Disable** toggle from the **Knockout Text** tab.

![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-knockout-text-enable.gif)

> *Note: In the Multiple option you’ll find the Knockout Text option in each text repeater item.*

4. Then from the **Background Type** section, you have to set a background image or color.

> *Note: Using a background image with a thick font will create a prominent text mask.*

Now you’ll have a beautiful text mask.

![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-knockout-text-demo.png)

***Read Further***: *[How to Add  Elementor Background Text Blend Mode?](https://theplusaddons.com/docs//add-elementor-background-text-blend-mode/)*