How to Create Multi-Color Heading in Divi

A legend Irish poet and playwright Oscar Wilde said, “More color can speak to the soul in a thousand different ways.” We agree about that, which inspired us to write this article. This article will show you how to create a multi-color heading in Divi. For some reason, many popular websites we visit regularly implement that thing (multi-color heading).

They must have the reasons for having more than one color in their heading. The following benefits of using multi-color in your heading as below:

  • Multicolored headings can sum up your site/ business identity
  • Multicolored headings are creative and playful

Maybe you are wondering, “Is it possible to create a multi-color heading in Divi?” Well, everything is possible in Divi. You can easily create a multi-color heading to your WordPress site with Divi.

How to Create Multi-Color Heading in Divi

Let’s get started!

Go to the Divi editor. You can create new content (page/post) or select existing content. In this article, we will edit our existing page.

Add a Text module, then replace the default text with your text. Once you replace the default text, don’t forget to set it to the Heading.

Next, go to the Design tab -> Heading Text. What we are going to do here is change the heading font, weight, color, and size. For your reference, you can see some changes that we applied below:

Once you are done styling your heading, return to the Content tab. First, preview your heading to the Text.

Alright, we’re going into the core of this tutorial, which is applying a simple HTML tag to make a multicolored heading.

In this example, we want to make our heading text ” Divi Coffee Shop” have a different color for each word (see the top image).

Please follow the steps below:

  • Specify the words/letters you want to have a different color. (ex. Coffee and Shop)
  • Here, before Coffee, type <span style="color:#8a6906;">

You can change the color by replacing the hex code of the color or type any color name you want.

Alright, if you only want to make dual-color for your heading, you can finish here. But, if you need more color on your heading text, repeat the step above.

That’s it. Don’t forget to save your project or publish it if you want to.

This page may contain affiliate links, which help support our project. Read our affiliate disclosure.
Picture of Akbar Padma

Akbar Padma

Akbar is a WordPress expert and a writer staff at WPPagebuilders. He mainly writes about Gutenberg, Elementor, Divi, and other WordPress page builders.
Want to save yearly expense up to $219? why not?

Leave a Comment

Save your Divi assets to the cloud and access them from anywhere.