DIVI (YOUR CMS) BASICS

Divi is a unique theme in our collection. Differing from every other Elegant Theme, Divi is built on a page builder platform that we designed and developed from the ground up. Using Divi’s drag and drop builder you can create beautiful layouts with ease and control over every part of your site.

The builder uses three main building blocks: Sections, Rows, and Modules. Using these things in unison allows you to create a countless amount of page layouts. The basic hierarchy of these elements is as follows:

SECTIONS

The most basic and largest building blocks used in designing layouts with Divi are Sections. These are used to create the top-level areas in your website.There are two types of sections: Regular, and Full Width. Regular Sections are made up of column rows and Full Width Sections are made up of full width modules. See more about rows and modules below.

ROWS

Rows sit inside of Sections and you can place any number of rows in a section. There are many different Row Types to choose from. Once you define a Row Type, you can then place modules into the selected column structure. There is no limit to the number of modules you can place within a column.

MODULES

Modules are the visual elements that make up your website. Every modules that Divi has can fit into any column width and they are all full responsive.

WHAT IS THE DIVI LIBRARY?

The Divi Library is your ultimate web design toolkit. Here you can store your favorite layouts, sections, rows or modules for later use. Whenever you save an item to your Divi Library, you can access it easily from within the modal window when adding a new layout, module, section or row to the page. Save yourself hours of design time by creating collections of your favorite module combinations. Why not save all of those customized modules to your Library so that you can use them in the future without having to re-create them!

The Divi Library is more than just a collection of saved layouts. Each library item can also be made “Global.” Global modules are synced and mirrored wherever they are placed. Whenever a Global module is altered, it updates automatically on all of the pages you have added it to! In this sense, Divi becomes more than just a page builder, it becomes a website builder. For example, you could create a Global section that is added to the footer of every page on your site. Update that Global Section once and have the footer of your entire website updated instantly.

Modules in the library can also have their settings selectively synced. For example, if you have customized a module heavily using the Advanced Design and Custom CSS tabs, you can save the module to the library while only saving the settings in these two areas. If this module is made Global, your Advanced Design and Custom CSS settings will be synced, but the General Settings (containing your module content) can be different on each page the module is used on.

• On the left hand menu, you’ll see Divi – hover over and you’ll see the Divi library. Here is where any layouts, modules or sections are saved for easy addition to your page.  You can edit any layouts here to make it easier to reuse (not recommended for anything currently saved).
• Sean has populated the Divi library with many of the layouts you’ll need.  Always reference these pages as some of the setting have been pre-populated specifically for your design.
• To add these to a page, under a section, click +Add from library and all of the saved items will appear

***TIP! You can copy (CTRL+C) and paste (CTRL+V) in Divi!  It’s great to have the content styles open, and you can copy an entire section/row and paste where applicable on your open page.

QUICK ACCESS TO DIVI BUILDER FUNCTIONS

Whenever you right click on something inside the Divi Builder, whether it be a Module, Row or Section, you will get a list of different actions that can be performed. These actions include: Rename, Save to Library, Undo & Redo, Disable, Lock, Collapse & Expand, Copy & Paste, and Preview. You may be familiar with many of these functions already, and they have been added to the Right Click controls for your convenience! This way you don’t have to dig into the module settings to access commonly-used features. Some of the functions, however, are unique to Right Click, and are only available when right clicking. These include: Copy, Paste, Lock, Collapse and Disable.