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 make 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 into Divi Builder. Once the Divi theme installed on your Website, you will notice a button Use Divi Builder above the post editor whenever you create a new page. Click on this button to activate Divi Builder and access all the Divi Builder modules. Then click on the button Use Visual Builder to start the generator in visual mode. You can also click the button Use Visual Builder when you browse your Website in the foreground if you are logged into your WordPress dashboard.
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 rows. If you are starting a new page, remember to add a row to your page first.
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 you can also type the word "text" and then click enter to automatically find and add the text module! Once the module is added, you will be greeted by the module options list. These options are separated into three main groups: Contents , Design et Advanced .
Content options
Textual content
This field is where you can enter the body content of your module. Text content spans the entire width of the column in which it is located.
If your text is placed on a dark background, the text color should be set to "Dark". However, 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. Admin tag allows you to change this tag for easy identification.
Design options
Here you can style and / or position your text or header text as you wish by choosing the text color, orientation, font, font size, font spacing and height. line.
You can also designate a border style, set a maximum width for your module, and add custom margin and fill.
Advanced options
Use the advanced options to give your text module custom IDs and CSS classes. Add custom CSS for advanced styling and indicate module visibility on some devices.
That's all for this tutorial, I hope it will allow you to use the text module on Divi.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DOWNLOAD DIVI THEME [/vcex_button][/vc_column][vc_column width=” 1/2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family =”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DOWNLOAD THE TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Other Divi tutorials
- 5 websites for restaurant use Divi theme
- How to add text on a Divi WooCommerce product
- How to change the menu color between Divi pages
- How to personalize the grids of a blog with Divi
- How to use the role Divi editor on WordPress
- How to create a full screen Divi slider
- How to change the color of menus between Divi pages
- Features you probably do not know about Divi
- How to use Divi Builder on WordPress
- How to use the Divi video scrolling module
- How to use the Divi Builder Flip module
- How to add a testimonial module on Divi Builder
- How to use the Divi text module
- How to create a slider on Divi
- How to edit a Divi user role
- How to use the Divi Social Media module
- How to use the shop module on the theme WordPress Divi
- How to use the Divi sidebar module
- How to use the Divi Price Table Module
- How to use the title module of Divi publications
- How to add a video module of Divi
- How to use the article navigation module
- How to use the Divi search module
- How to use the Divi wallet module
- How to use the person module on Divi Builder
- How to use the wallet module with Divi filter
- How to use the full width slider module
- How to use the Divi Builder Image Module
- How to use the full-width navigation module of Divi Builder
- How to use the image gallery module
- How to use the Divi Builder Full-Width Card Module
- How to use the Divi Full Width Portfolio Module
- How to use the Divi full-width header module
- How to use the Divi Counter Module
- How to use the articles slider on Divi Builder
- How to use the Divi Email Optin module