Divi Builder By Elegant Themes

Divi Builder By Elegant Themes

Divi Builder is one of the best visual page builders which allow user to drag and drop elements for webpage. In this tutorial, we will go through every feature of Divi Builder and have a demo to create a web page by using this powerful builder. Don’t forget to checkout the live demo at the end of this post to practice by yourself. How to enable Divi Builder Divi Builder Blocks Sections Modules Rows Add first Section Add first Row Add first Module Customise blocks Access Page settings Pre-made Layouts Save your layouts to library The Divi Builder will come in two forms: “Back-end Builder” and the front-end “Visual Builder.” Both interfaces enable you to build a similar types of websites with the same content elements and design settings. The only difference is the user interface. The Back-end Builder lives within the WordPress Dashboard and it’s easy to access the builder along challenging other standard WordPress configurations. It sits inside the WordPress UI and replaces the typical WordPress post editor. It’s ideal for making quick changes when you are inside the dashboard, but it’s also limited by the dashboard and it is rendered as a block-based representation of your website. This tutorial shall be focusing only on the visual builder. The new Visual Builder, on the other hand, gives you to build your webpages on the front-end of your website! It’s an incredible experience and permits considerably faster design. When you add modify or content design settings inside the visual builder, your changes instantly appear. You can click onto the page and start typing just. It’s easy to highlight...