Wix Editor: Adding and Customizing Text Masks

4 min read
Text masks are a great tool for short pieces of text that should grab your visitors' attention. They offer the ability to display an image, video or gradient inside so that your text really stands out on the page. 
Gif of task masking of a forest in text saying Untold Stories
In this article, learn how to:

Adding a text mask element

Let's start by adding a text mask element to your site. 
Best practice:
We recommend adding up to 10 text masks per page, to ensure the best site performance on mobile.

To add a text mask element:

  1. Open the relevant page in your Editor.
  2. Click Add Elements .
  3. Click Text
  4. Click Text Mask.
  5. Drag a text mask design you like onto your page.
    Tip: Some of our designs include a video background. Hover over a design to see it in action. 
A screenshot showing the Add Panel in your Editor and the option to add a Text Mask to your site.

Changing the text on a text mask

Once you've added your text mask element, you can start to customize it. First, let's change the text.

To change the text:

  1. Click the text mask element in your Editor.
  2. Click Change Text.
  3. Enter your text under Add your own text.
    Note: The text saves automatically.
A screenshot showing highlighted text masking, showing the option to change text.

Resizing a text mask element

Next, resize the text mask element so that it fits perfectly on your page. 

To resize a text mask:

  1. Click the element in your Editor. 
  2. Drag the handles around the element to make it bigger or smaller.
A gif showing the movement of the handles around the element. They are moving in and out to show the size changing.

Designing a text mask element

Finally, add some flare to your text mask, by changing the design. 

To design a text mask:

  1. Click the text mask element in your Editor.
  2. Click the Design icon .
  3. Choose how you want to design your text mask:

Did this help?

|