Add New Content From Divi’s 40+ Modules
Adding new content in Divi 3.0 is simple. Hover over your desired location on the page and click the “+” button to add a new element. You are greeted with a list of Divi’s 40+ content modules which can be used to build just about any kind of website. There is no need to drag and drop content from a central dock because Divi’s content tooltip is always there when you need it.
Easily Customize Everything
The beauty of Divi 3.0 becomes apparent when you start to adjust your content’s design. Everything can be customized and you can see those changes appear in real time.
- Choose from dozens of custom fonts.
- Adjust text color, size, line height and letter spacing.
- Add custom padding and margins.
- Change column structures and row heights.
- Add background colors and images.
- Enable parallax backgrounds and video backgrounds.
- Drag, drop, copy and paste content elements.
- Apply different design settings for each responsive breakpoint.
- Drag to adjust row heights and widths.
Enjoy A Beautiful Inline Editing Experience
When the new visual builder is active, all text on the page becomes editable. There is no need to open up an element’s settings to adjust its text content. Simply click into any paragraph and start typing to add text, or highlight any text to adjust its font, size, style and spacing. We have created our own inline editor UI that is super smooth and wonderful to use. If you have ever been frustrated by the standard busy TinyMCE interface, you are going to be pleasantly surprised when you use Divi 3.0.
Experience Unbelievable Speed
The “Invisible” & Customizable Builder Interface
We code named the new visual builder’s design the “Invisible Interface.” This represents one of our core design philosophies, which is that “good design often goes unnoticed.” The best UI is one that doesn’t get in your way, and one that predicts your intentions and offers you solutions. This is what it means for an interface to be truly “intuitive.” Divi 3.0 doesn’t bombard you with unnecessary grids, lines and buttons. There are no floating headers or sidebars to steal away your screen real estate or overlays to obscure your vision. When you first load the builder, you might not even know it’s there, but when you start to explore the page with your mouse the controls become apparent.
Divi 3.0’s visual builder is the first WordPress page builder to offer a customizable interface. This means you aren’t pigeonholed into certain UI conventions when it comes to how the builder’s controls are displayed. You can choose to have these settings appear in a modal popup, or you can snap that popup to the side of the page and enter “sidebar” mode. You can adjust the popup and sidebar’s size and position so that you can optimize your space based on the size of your screen or the content on your page.
Powered by React