Importing Divi Workbench CSS Grid Gallery Layouts

Step 1

From the WordPress menu, select “Pages”, then Click the “Add New” button to create a new page.

Step 2

Enter the Name for your new page, then Click the “Use the Divi Builder” button.

Step 3

Click “Start Building”.

Step 4

Click the “Build on the Front End” button to launch the Divi Builder.

Step 5

Again, Click “Start Building”.

Step 6

The Divi Builder menu is shown minimized. Click the “round purple circle” icon to fully expand the menu.

Step 7

Click the “Portability” icon to begin importing the Divi CSS Grid Gallery Layouts.

Step 8

Click the “Import” tab.

Step 9

To ensure that existing content is not removed from the page during the import process, DESELECT the “Replace Existing Content” checkbox.

Step 10

Click in the “NO FILE SELECTED” box.

Step 11

Navigate to the Divi CSS Grid Gallery Layout folders you downloaded onto your computer from the Elegant Themes Marketplace.

First, choose a layout style, and then Click to highlight the first layout that you plan to use on the page.

Step 12

Click the “Open” button.

Step 13

You are now ready!

Click the “Import Divi Builder Layout” button to add the layout you selected to the page.

Step 14

Wait for it… Success!

Step 15


Each Divi CSS Grid Gallery Layout you import will render in the Divi Builder Desktop View by default.

Click the “Save Draft” button.

Step 16

To review the page contents from the Divi back end, Click the “Wireframe View” button.

Step 17

To add additional Divi CSS Grid Gallery Layouts to the page, Click the “Portability” icon and then simply repeat the import process beginning at Step 8.