Divi Tutorials
How to make Edits to your WordPress Website.
To edit your website you first need to Enable the Visual Builder.
Follow these instructions below;
Enable Divi Visual Builder
Once you log into WordPress hover over your website name (top left), then click on “Visit Site” to go to your home page (the front end of the site), you will then see a thin bar at the top of your page screen.
Click “Enable Visual Builder”. The Visual Builder will be enabled for that page.
How to edit text on existing page or post
- Go to the page or post you wish to edit.
- Enable the visual editor.
- Go to the text you wish to edit
- Hover or click to enable the grey settings box.
- Click on the gear icon “Module Settings”.
- A “text settings” box will appear.
- Now you can edit the text including hyperlink text (add link to another web page either on your site or another site).
- When finished editing, click the green tick (bottom right of box) to SAVE.
- Scroll down to the purple circle with three dots.
- Click on the green “SAVE” option (bottom right). If you miss this step your changes may not be saved.
How to edit buttons
- Go to the page or post you wish to edit.
- Enable the visual editor.
- Go to the BUTTON you wish to edit
- Hover or click to enable the grey settings box.
- Click on the gear icon “Module Settings”.
- A “text settings” box will appear.
- Now you can edit the BUTTON text including hyperlink text (add link to another web page either on your site or another site).
- To edit the button link (hyperlink text) scroll down and find “LINK”
- Continue editing link/s.
- Choose if you want the link to open in a new page or not.
- When finished editing, click the green tick (bottom right of box) to SAVE.
- Scroll down to the purple circle with three dots.
- Click on the green “SAVE” option (bottom right). If you miss this step your changes may not be saved.
How to Add a Post or Page
Inside WordPress, hover to the Post tab or the Pages tab, and click “Add New”.
How to Add Content to the Post or Page
You have added a post or page in the previous section. Now you want to add content in it.
1. You already have added the title, now hover to the green “+” to a new row.
2. Select a column.
3. Add a module. Usually it will be Text and video modules. But there are lots of other modules to choose from depending on what you need.
4. Start adding your content – you can copy & paste or type what you want.
5. Click the Check button.
6. Click Update – very important, don’t forget this step.
Increasing or Decreasing Space
To increase spaces between rows, all you have to do is hover to the row. You should see a shadow fade green colour. If you are hovering in a full width area, it will be blue. You can increase and decrease the space by clicking and holding to the faded area and drag it up or down to increase or decrease the space.
How to Delete and Add Images in Text
You already have content, and you want to add an image in your text content.
1. At the top of the editor, click “Add Media”.
2. You can select an image that you already uploaded OR you can upload a new one. Once clicked on an image to add, you will see the details of the image on the side bar.
3. Click “Select” button.
How to Add Rows, Columns and Modules
To add rows and columns,
1. Click “+” button (the green one for rows).
2. A window will appear where you can choose how many columns and styles you want to add.
3. After choosing a column, the module window will appear. Select the module you want to add.
How to Add Category, Tags and Featured Image
1. Inside WordPress, go to Posts, and click All Posts.
2. Hover to the post you want to Edit, click “Edit”. Please note that this time, we just want to edit in the back end and NOT in the front end.
3. You should see the side bar having some options. Go to “Category” and choose the right category for your post.
4. After setting Category. Go to “Tags” and add tags.
5. Go to Featured image. Click “Set Featured Image”.
6. You can either upload an image, or just click over the image that you want to add.
7. Click “Update”.
How to add a new page to the MENU
- Hover and click on APPEARANCE.
- Choose MENU.
- You will see (on left) most recent & you can change it to ALL.
- Tick the box of the page you want to include in the menu. It will be at the bottom of the list of pages (on the right).
- Move it to where you want it to show.
- Click SAVE (at top right) VERY IMPORTANT
How to Add Testimonials in Testimonial Page
- Go to Testimonial page and Enable Visual Builder.
- Duplicate the Testimonial module.
- Hoover to the duplicate copy of the module, then click the gear icon to Edit. Change the author and also the content.
- Also change the image. Click the image below the content. You should see a new window with the image of the author, click the gear icon to edit and change the image. Then click the check box to add the change.
- After the edit, click the “…” three dots at the bottom if you are seeing it. New icon meanus should appear. On the right side, you should see a Save button. Click “Save”.
How to Add Testimonials in the Front Page
1. Go to the Front Page or to any page that has a sliding testimonial. Click “Enable Visual Builder”.
2. Hoover to the sliding testimonials. A group of icons should appear. Click the gear icon to edit.
3. Click “Add New Slide”. Remember, we are using a Slider Module instead of a Testimonial module.
4. Add details of the testimonial. Depending on the design and format that you want to adapt, you can add Title. Title should be short. Delete the content of the button because you don’t want to use the button. Then add the new testimonial according to what you need.
5. After adding content, you may need to tweak the design, especially if you want to change the color of the text for white and dark background. To do this, click “Design” tab. Then go to “Text Color”. Change it to Dark if the background of the slider is white or lighter color. If the background is dark color or black, you set it to “Light” to make the text white.
How to edit FORMS
- From the dashboard, navigate to “Forms”.
- Hover under the title of the form you want to edit & click “Edit”.
- Click the down arrow in the blue bar to show all options.
- Here you will see various editing options.
- You can also add different options to your form.
- Click “UPDATE” (VERY IMPORTANT).
- See more tutorials for GRAVITY FORMS here
How to Check Entries in the Form
- Hover to forms. Then choose either “Forms” or “Entries”
- On the new page, go to the column “Entries” and click the entries of the form you want to check.
DOWNLOAD THE PDF HERE DIVI TUTORIALS
FOR MORE DIVI VISUAL EDITOR TUTORIALS PLEASE CLICK HERE.