Have questions? I can help!
Table of Contents
Text Module
Editing Text Module
You have two main ways to edit text:
- Inline Editing: With the Visual Builder active, click directly onto the text on your page. A blinking cursor will appear, allowing you to highlight, delete, or type just like in a standard word processor.
- Module Settings: Hover over the text area, click the Gear (Module Settings) icon, and make your changes in the Content tab. Here, you can type your text, insert links, and use the built-in formatting toolbar to bold, italicize, or add bullet points
Styling Your Text
To change the appearance of your text:
- Open the module settings and switch to the Design tab on the right handside.
- Navigate to the Text (or Body Text) toggle to adjust font styles, colors, sizes, and line height.
- For heading styles (H1, H2, etc.), open the Heading Text toggle.
Image Module
Editing Image
Editing an Image Module in the Divi 5 Visual Builder is straightforward. Simply hover over the image, click the gear icon (Module Settings), and use the Content tab to upload or swap the image. Use the Design and Advanced tabs to adjust sizing, add shadows, or apply hover effects
Background Image
editing background image
- Open the Settings: Enable the Visual Builder, hover over the specific element (Section, Row, Column, or Module), and click the Gear Icon to open its settings.
- Access Background Options: In the settings menu, locate and click the Background toggle to view all background options.
- Select Image Tab: Click on the Image tab (the third icon, which looks like a picture).
- Upload or Change: Click the Add Background Image button. Choose an image from your Media Library or upload a new one, then click Upload an Image.
Save your changes and exit the Visual Builder
To save the page design, you can type CMD + S on a Mac or CTRL + S on a PC.
You can also:
- Click on the Save button.
- Click on the Exit button.