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 *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

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 *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Divi Ajax Search: For better & faster search results

Divi Ajax Search: For better & faster search results

The Divi Search module adds a search bar to the site that enables users to search posts and pages. Furthermore, with its design options, you can make it look appealing and decide what to display in the results. However, it doesn't provide support for WooCommerce...

How to create custom Divi contact form message pattern

How to create custom Divi contact form message pattern

For an online venture, a contact form works similarly to the visiting card of an offline business. Interested customers contact you whenever they want. And a contact form available on the website does the same. Interested users contact you whenever they want. If...