Free Divi Construction Layout Pack

by | Dec 24, 2017 | Free Divi layout packs | 60 comments

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

How to download & import this package

Step 1
Download the package here.

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/

60 Comments

    • Mark

      Thank you very much!

      Reply
  1. Baraka

    πŸ™‚
    It seems like a good starting point for my web builder’s journey.

    Reply
  2. Diana Erwin

    Hi Mark,
    I am getting this message. “Importing a previously-exported Divi Theme Options file will overwrite all current data. Please proceed with caution!”

    As well as this one “This file should not be imported in this context.”

    Any idea why?

    Reply
    • Mark

      Hi Diana,

      I think you are uploading the files in the wrong place.

      Did you follow the steps above under step 3?

      Reply
  3. Diana Erwin

    I did do it correctly. I have done this many times before.

    I had already set up some options on the site. I also uploaded a child theme. Should I reinstall Divi? I assumed your info would just overwrite what I had done.

    Reply
    • Mark

      If you want I can take a look at your website.

      You can send a login to [email protected]

      Reply
    • Heath Friend

      Im Getting the exact same issue and have followed the directions to that letter.

      Could you please email me at [email protected]?

      Reply
  4. Diana Erwin

    Will do. You are the best!

    Reply
  5. Diana Erwin

    I want to say thank you Mark. You are not only a great Divi designer but a great guy also. Thanks for all your assistance. You went above and beyond!

    Keep producing those great Layouts.

    Reply
  6. Atif

    Hi Mark,
    Great theme, thank you.
    Was wondering if u can make a tutorial on how to make the button like the one you have in you menu “Divi Marketplace”., or point me towards a tutorial πŸ™‚
    Thank you again πŸ™‚

    Reply
  7. Kaycee

    How do i remove the Construction Logo? and the footer with
    Designed by Markhendriksen.com

    Reply
    • Mark

      Hi Kaycee,

      The logo you can change in Divi > Theme options

      The Footer credits you can change in Divi > Theme Customizer > Footer > Bottom Bar

      Reply
  8. Victor Akujuo

    please i’m getting this message
    ”This file cannot be imported. It may be caused by file_uploads being disabled in your php.ini. It may also be caused by post_max_size or/and upload_max_filesize being smaller than file selected. Please increase it or transfer more substantial data at the time.”

    when i want to import it on divi builder how will i go about it?

    Reply
  9. Wilberth

    Hello, first thanks for the layout. I can not do it, followed the instructions, and it gives me a message “This file should not be imported in this context”. I have installed many layouts before, and I go directly to Divi – Theme options, import and choose the correct file according to the instructions

    Reply
    • Mark

      Hi Wilberth,

      If you want I can do it for you. Just send a login and URL to [email protected]

      Reply
  10. Stephen

    Hi!!! Mark, first thanks for the layout, but when i tried to install it, i receive this message: ” This file should not be imported in this context”, how can i process please?!

    Reply
    • Mark

      Hi Stephen,

      Can you check if you are uploading the files in the right places? If you did, you can mail me a login to [email protected] and then I’ll have a look.

      Reply
      • Manassa

        Hi Mark and Stephan that is a problem with newest version of DIVI – here you can upload the page designs like it seems in many cases only directly from the Page site itself.

        Steps

        1. Create a Page
        2. Call Divi
        3. Click on the up/down arrow to import the layout

        That should work!

        Reply
  11. Kudrat

    Thank you so much, Mark. You are a great designer!

    Reply
  12. Kristin

    Hi Mark
    I this is brilliant – thank you. I have installed everything and applied the layouts to my pages but the black footer menu is missing. How do I add this please?

    Reply
    • Mark

      Hi Kristin,

      That is just a text widget with links,

      Reply
  13. Taiwo

    How can I change the original colour scheme. I dont want to use yellow, I want to change the yellow colours to a different colour

    Reply
    • Mark

      You can change the colors in the sections, row and modules. If you are new to Divi I recommend watching the videos from Elegant Themes. They will teach you the basics.

      Reply
  14. BRANDY GRAVELY

    Hi there,

    Thank you – this has been extremely helpful! Can you tell me how to modify the contact form information, please?

    Thanks,
    Brandy

    Reply
    • Mark

      Hi Brandy,

      You can change that in the contact module.

      Reply
      • BRANDY GRAVELY

        Thank you,
        I wasn’t clear about my question – sorry. What I want to change is the email, phone, fax, address and map listed to the right of the contact form.
        I love the layout, just want to plug in my client’s info.

        Thanks again,
        Brandy

        Reply
        • Mark

          You can just open that text module and change the info. It’s next to the contact module on the contact page. The map is just beneath those.

  15. Taiwo

    I was able to navigate around that, But i have been having issues changing the image in the header. I want to change the image in the main header to an image of my choice.

    You are doing a wonderful job here

    Reply
    • Mark

      Open the section (blue bar) and you can change the background image there.

      Reply
  16. henry

    Hi, mark, how to change the color of navbar? thx u

    Reply
    • Mark

      Hi Henry,

      Go to Divi > Theme Customizer > Header and Navigation > Primary Menu Bar > Background color

      Reply
    • henry

      and how to change color text (about us, services, sub page)

      Reply
      • Mark

        You mean the navigation text color? if so it’s in the same place but then text color.

        Reply
        • henry

          wow thx u,

    • Mark

      Hi Ed,

      I just mailed you the layout pack.

      Reply
  17. eli

    Hello, I import it without any problem

    Reply
  18. henry

    hi mark, i’m successful change the color navbar to white….why the color of navbar change black again after i’m scrolling??
    I want to keep the color white πŸ™ please help me..thx u

    Reply
    • Mark

      Hi Henry,

      You can change that in Divi > Theme Customizer > Header and Navigation > Fixed Navigation Settings > primary menu background color

      Reply
      • henry

        why the color is still black if i shrink the screen? thx u hehe

        Reply
        • Mark

          You can change that in Divi > Theme Customizer > Mobile Styles > Mobile Menu > Background Color

    • Mark

      Hi Jeremy,

      Glad you liked it.

      Reply
  19. cleve

    I pressed the import button to download the customizer settings and it just let me back to home page without allowing me to upload the json file. Please help.

    Reply
    • Mark

      Hi Cleve,

      You should contact Elegant Themes support for this issue. It seems that the import/export button bugs for you.

      Reply
  20. Arthur Charles

    Hey Mark. I used the layout pack here: http://hightechconcepts.co.za/about/

    Why does the map not fill the full column? I have a CSS class under the ADVANCED tab that says “custom-map” that came with the theme, and some height and width settings underneath. But that is still the result I get

    Reply
    • Mark

      Hi Arthur,

      The CSS class and height settings should take care of the full column height.

      I can’t tell why it is not working for you. If you want me to take a look send a login to [email protected]

      Reply
  21. Tim

    Thanks for the great build,
    How do I keep the menu from changing colors on scroll down? I have checked the CSS and don’t see it being called on.

    Reply
    • Mark

      You can find these option in Divi > Theme Customizer > Header and Navigation > Fixed Navigation Settings

      Reply
  22. Jana Murray

    Enjoying your new layout. A quick question about the Construction Customizer Settings.json.
    When we attempt to upload that particular file the portability upload box appears for a brief second and then redirects to homepage. Any suggestions?

    Reply
    • Mark

      Hi Jana,

      That shouldn’t happen. So you can’t upload the customizer file? Or does it redirect after the upload?

      Reply
  23. henry

    hi, mark, how to change color toggle menu? thx u

    Reply
  24. Andy S

    Just to say thanks. Instructions are perfect and you’re very patient to answer all the questions you do after providing a free layout like this. Great work and now looking at some of your premium child themes πŸ™‚

    Reply
  25. Kalle

    Thanks a zillion for the nice layout! πŸ™‚

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

11 Shares
Share11
+1
Tweet
Share
Buffer