Editing WordPress Page with Divi Visual Builder

by Sep 15, 2019Divi Builder Tutorials, Tutorials

  1. In a browser, go to http://YourDomainName.com/wp-admin
  2. Log in with your username & password.
    Log in to wordpress
  3. Once logged in, you will then see the WordPress Dashboard.
    1. Click on “The Blue Rooster” Link in the upper left corner.
    2. This will take you to your website.
      WordPress Dashboard
  4. Navigate to the page that you want to edit.
    Click the navigation for page you wish to edit
  5. Click on the “Enable Visual Builder” at the top of the page.
    Click on Enable Visual Builder
  6. Wait for the builder to load. This may take 10 to 30 seconds.
  7. Scroll to the section you wish to update.
  8. Put your mouse over the section you wish to update.
    When you mouse over the section, a border around the section and a gray bar with icons will appear.
  9. Click on the Cog icon Divi Builder Cog Icon in the GRAY tool bar that appears.
    Editing a divi module
  10. An edit box will appear.
    Add, remove, or modify the copy you wish to affect in the edit box.
    Divi Visual Builder Edit Box
  11. When you are done editing, click the green “Check Mark” in the lower right corner of the edit box.
    The window will disappear.
    Divi Visual Builder Save Edits
  12. Repeat steps 7 through 11 if you wish to make any more edits to different sections.
  13. When you are done editing:
    Click the purple circle with the 3 dots in the lower center of the window.
    That will expand to display more options.
    Divi Visual Builder Save Page Edits
  14. Click the green button with the word “Save” in the lower right corner of the window.
    After clicking it, the button will display dots rotating in a circle.
    Wait until the circle stops rotating and you see a Check Mark.
    Save Page Changes
  15. Click the “Exit Visual Builder” Link in the upper left-center of the window to exit the editor.
    Exit the Divi Visual Builder