Jan 30, 2020 | Divi Resources

What you can do with Fancy Text Module

As Bill Gates says, “Content is King,” so it’s essential for a web page to have content nicely designed and placed. Because in today’s time, a web page with a good look and feel isn’t enough. People need information, and it’s our responsibility that they have it in a proper and engaging way. However, designing an attractive text for a website’s content isn’t easy because it requires time and effort to write multiple lines of code.

Therefore, in this blog post, we’ll look at a new Divi module, Fancy Text, that can help you create beautiful and fantastic text for your website’s content.

Let’s get right to it!

What’s Fancy Text Module?

Divi Fancy Text Module is simply a text module, yet with many useful features. Like multiple fancy text layouts, text color customization, and much more. It’s a part of a new plugin called Divi Plus, which has multiple essential modules for the Divi theme. Such as Divi Breadcrumbs Module, Fancy Heading Module, Before After Slider, and Divi Separator module.

All the modules available in this plugin are easy to use and have multiple features, just like the Divi Fancy Text module. Check out this new plugin here, and decide for yourself.

Let’s create some fancy text with this module.

To create fancy text on your website’s pages, you have to first purchase this plugin from here. After the purchase, download the plugin from my accounts area and install it as you install other Divi and WordPress plugin. Or visit the plugin’s documentation page for further assistance.

Now, as you’ve successfully installed and activated the plugin, let’s make some beautiful text.

Step 1: Adding Divi Plus Fancy Text Module

First create a new page or edit existing one, where you want to add fancy texts. Launch Divi Visual Builder, and choose Build From Scratch.

Insert a New Row

Then add DP Fancy Text Module,

Divi Plus Fancy Text Module

Step 2: Creating Fancy Text with Gradient text style.

In Fancy Text Content setting of Content tab, choose Gradient as Text Style, and input your text in Fancy Text field you want to customize.

Divi Plus Fancy Text Content tab

After adding your text, move to the design tab.

Step 2A: Designing Gradient Fancy Text

Fancy Text Styling

Gradient Color 1: #E02B20

Gradient Color 2: #0C71C3

Choose Gradient Type: Radial

Gradient Direction: Bottom

Text Settings

Text Font: ABeeZee

Font Weight: Bold

Text Alignment: Justified

Size: 32px

Text Letter Spacing: 2px

Text Line Height: 2em

By Following the above steps, you could achieve the fancy text just like the screenshot below.

This is just a simple customized text we’ve achieved with Divi Plus Fancy Text module. Below are some of other Fancy Text examples created using this Divi text module.

Divi Plus Fancy Text Example 1

Example 2

Example 3

Step 3: Creating Fancy Text with Background Image.

In Fancy Text Content setting, choose Background Clipping as Text Style, and input your text in Fancy Text field.

Then move to the design for further text customization. And add background image in Clip Background Image field.

After adding the image, perform some text customization according to your needs, and you could achieve fancy text as following examples.

Divi Fancy Text Example with Background Clip

Example 2

Example 3

After adding background image and doing further customization with text, save your design and your fancy text is ready.

More Fancy Text layout examples for the Divi theme

Fancy Text Layout Examples for the Divi theme

Fancy Text Layout Example for the Divi theme with gif

Fancy Text Example layout for the Divi theme with underline

Summary

In this blog post, we’ve looked at the new Divi Plus Fancy Text module and showed you how to use it to create attractive text, which improves your content quality. If you, too, want to create fancy text just like images above, then you should probably get the new plugin Divi Plus. With the Fancy Text module in this plugin, you’ll also get additional modules, which would take your web designing experience to a whole new level.

If you’ve already tried this module or Divi Plus plugin, then let us know what you think about it in the comments.

 

 

Posted By:
Vishvendra
Vishvendra believes in the keep learning process and applying those learnings into work. Other than technical writing, he likes to write fiction, non-fiction, songs, and comic ideas. He loves what he writes and writes what he loves. Search his name with "Nathawat," and you'll easily find him over the internet.

2 Comments

  1. Joan Margau

    Thanks for this tutorial. I have this plugin and couldn’t quite get the right effect. Now I can!

    Reply
    • Vishvendra

      I’m glad it worked for you. 😇

      Reply

Submit a Comment

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

2 Comments

  1. Joan Margau

    Thanks for this tutorial. I have this plugin and couldn’t quite get the right effect. Now I can!

    Reply
    • Vishvendra

      I’m glad it worked for you. 😇

      Reply

Submit a Comment

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

How to add Google reCAPTCHA in Contact Form 7 in easy steps

How to add Google reCAPTCHA in Contact Form 7 in easy steps

It’s a must that a contact form should have Google reCAPTCHA or any other security options enabled on it. Well, reCAPTCHA is most recommended. It protects your contact forms from getting filled out by bots or spams. And if you want to add reCAPTCHA on your contact...

Divi Content Toggle to display key information in compact manner

Divi Content Toggle to display key information in compact manner

Having long pages with detailed information can delight Google bots, however, for users, it can be a bulky experience. They might find themselves overwhelmed or either confused when looking over pages overtaken by content. Then there comes the Divi Content Toggle...

Create Divi structured data pages easily for Google rich snippets

Create Divi structured data pages easily for Google rich snippets

Having Divi structured data markup pages can help you and your website in many ways. It not only features your web pages as Google rich snippets. But it brings a valuable amount of organic traffic. And it can be done for any website of any CMS, such as WordPress,...

Divi 4 header footer pack

Fill up your details to download the file

Please check your email for the download link.

One Plugin, Many Possibilities

You have Successfully Subscribed!