How to Create a Text Mask in Divi

You can also grab user attention by adding a Mask text. Mask text uses an image that is inserted inside of the Text to give a Mask Text effect. So that’s why today we’re going to create a Text Mask effect in Divi without coding and with our very own Mask Text ModuleYou can also make the use of Gif to get more creative with Mask Text with having a moving mask Image and more.

Let’s Get Started

So let’s see how to create a Mask Text effect in Divi. First of all, Enable the Divi Builder on the page you want and choose the location where you want to show to Mask Text Module and simply insert the Module.

Now in the content Tab, you’ll need to enter the text you want to show to visitors.

Now in the Image panel, you’ll need to insert the image that will be shown through the text. You also have some other options like Change Image size, Control Image position, and Repeat Image.

So once you’ve added the Image It’s now time to move to the Design tab and make the Text stand out. Go to Design Tab -> Mask Text and there you can make changes to the text the way you want. Here are the changes we made:

  • Mask Font – Rubik Mono One
  • Mask Font Weight – Bold
  • Mask Text Alignment – Center
  • Mask Text Size – 250px

Now you’ll have a very cool looking Mask Text effect on your site. Here’s a quick look at it.

Preview with Image

So that’s how easy it is to create a mask text in Divi without any coding stuff or doing lots of hassle. So now let’s see how to get creative with Mask text by using a Gif for an advanced effect. If you’ve got a video than you can convert it to Gif with this Free tool: https://ezgif.com/video-to-gif

Once you’ve got a Gif It’s now time to add it to the Mask text. Simply go to Mask Text Module Settings -> Mask Image and upload the Gif in the Image upload area.

So once you’ve added the Gif you’ll now have a more cool looking Mask Text effect on your Page. Here is how it looks with Gif

Preview with Gif

Wow, that looks pretty cool, isn’t it? And this is the easiest way to create Mask Text in Divi. We hope you enjoyed this short tutorial and let us know your thoughts in the comment section below. Have a great day!

How to access the Mask Text Module

To use the Mask Text Module, you need to purchase the Pro version of our plugin at the cost of $40 for one website and $79 for unlimited sites. Both plans come with a 30% discount on renewals while we also offer you premium support and free updates during the licensing period. Want a more lasting plan? We also offer a Lifetime plan which goes for only $199. With it, you can install Divi Supreme Pro on unlimited websites while you also enjoy premium support and free updates forever.

Our goal is to assist you to create beautiful and effective business websites without impacting negatively on user experience.

So, give Divi Supreme Pro a try today and don’t forget to share your experience with the Mask Text Module in the comments section below.

Or try out the Divi Supreme Lite

Divi Supreme Lite Offers 20 Modules and 3 Beautiful Extensions and using them you can easily extend your site’s functionality.

Get Access To All Divi & Divi Supreme Tips

Get access to all our Divi and Divi Supreme’s tips, articles and cutting-edge helpful tutorials that are easy to understand for small businesses, bloggers, and non-techy Divi website owners, direct to your inbox.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Divi Supreme
Divi 5 is coming soon, and we are diligently converting all our Modules to the Divi 5 Infrastructure. Take a look at a Quick Demo →
Divi 5 is coming soon. Take a quick look at a demo of our modules in Divi 5.