Free Divi Construction Layout Pack

This is a Free Divi Construction Layout pack designed specifically for small businesses in mind such as contractors, plumbers, roofing, landscapers etc.

This layout package includes 5 pages:

  • Home
  • About us
  • Services
  • Sub page
  • Contact

DEMO WEBSITE

How to download & import this package

Step 1
Download the package here.

You need to have Divi installed before you can import this layout.

Step 2
Unzip the ‘Free_layout_pack_construction.zip’ file to your computer.

Step 3
Go to Divi > Theme Options. Click on the import/export options (up/down arrow).

Click on Import and upload Construction Theme Options.json.

Go to Divi > Theme Customisation. Click on the import/export options (up/down arrow).

Click on Import and upload Construction Customizer Settings.json.

Go to Divi > Divi Library. Click on the import/export options.

Click on Import and upload Construction Builder Layouts.json.

Step 4
Create a new page and go to Load From Library > Add From Library add the page you want to use.

Step 5
To create the Call to action button in the menu you have to add a CSS class to this menu item.

Go to appearance > menu go to screen options (top right) and enable CSS classes. Expand the contact menu item and add the class cta_menu

Settings

Change the Call to action button menu color
You can change the color in Divi > Theme Options.
Scroll to the bottom and in the CSS box field you can change the color codes.

@media (min-width: 981px) {
.cta_menu a,
.et_header_style_left .et-fixed-header #et-top-navigation nav ul li.cta_menu a {
background-color: #d2bb0d;
padding: 15px !important;
color: #000 !important;
}}

Google maps API
To get a Google API key follow the instructions in this video from Elegant Themes.
https://www.elegantthemes.com/documentation/divi/map/