Skip to Main Content

Divi tutorial: How to use the Divi Text module

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 600.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

Text can be added anywhere on your page with Divi. Text modules can be placed in any type of column, and when combined with other modules, they constitute a real dynamic page. When you add a text module, you have all the editing features of a normal WordPress page. The Divi text module can be used to create a small piece of text in a complex layout, or it can be used in a full-width column to create an entire page.

How to add the Divi Text module

Before you can add a text module to your page, you must first jump to Divi Builder. Once the Divi theme installed on your website you will notice a button Use Divi Builder above the publisher each time you create a new page. Click this button to activate Divi Builder and access all Divi Builder modules. Then click on the button Use Visual Builder to start the generator in visual mode. You can also click on the button Use Visual Builder when you browse your website in the foreground if you are connected to your WordPress dashboard.

divi builder

Once you have entered Visual Builder, you can click the gray plus button to add a new module to your page. New modules can only be added inside the lines. If you start a new page, do not forget to add a line to your page first.

insert a divi.png module

Locate the text module in the list of modules and click on it to add it to your page. The list of modules is searchable, which means that you can also type the word "text", then click enter to search and automatically add the text module! Once the module is added, you will be greeted by the list of options of the module. These options are separated into three main groups: Contents , Design et Advanced .

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

Content options

text module options divi.png

Textual content

This field is where you can enter the body content of your module. Text content spans the full width of the column in which it is located.

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

If your text is placed on a dark background, the text color should be set to "Dark". On the other hand, if your text is placed on a light background, the text color should be set to "Light".

Background color

Here you can choose a background color for your text module.

Background picture

Here you can choose a background image for your text module.

Admin Label

By default, your text module will appear with a label that reads 'Text' in the builder. The Admin tab allows you to change this tag for easy identification.

Design options

divi.png design options

Here you can stylize and / or position your text or header text as you like by choosing the text color, orientation, font, font size, font spacing and height of the text. line.

You can also designate a border style, set a maximum width for your module, and add custom margin and fill.

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]

Advanced options

advanced options divi.png

Use advanced options to give your text module custom IDs and CSS classes. Add custom CSS for advanced styling and specify module visibility on some devices.

That's all for this tutorial, I hope it will allow you to use the text module on Divi.

Other Divi tutorials

This article features 0 comments

Leave a comment

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

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
10 shares
Share4
tweet1
Save5