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
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/