[Limited Time Offer] Get 40% off ALL ACCESS MEMBERSHIP before it’s gone!👉
mark Hendriksen logo

Free Divi Agency Layout Pack

by Mark Hendriksen | Mar 17, 2018 | Free Divi Layouts | 57 comments

Home › Free Divi Layouts › Free Divi Agency Layout Pack

Mark Hendriksen

I am the founder here at MarkHendriksen.com a blog website for Web design, WordPress, and popular page builders.

This is a Free Divi Agency Layout pack designed specifically for small businesses in mind such as creative agencies, corporates and consultants.

This layout package includes 5 pages:

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

How to download & import this package

Step 1

Sign up and download the package here.

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

Step 2

Unzip the ‘Agency_layout_pack_UNPACKME.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 Agency Theme Options.json.

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

Click on Import and upload Agency Customizer Settings.json.

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

Click on Import and upload Agency Builder Layouts.json.

Step 4

Create a new page and go to Load layout > Your Saved Layouts 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

How to add a CSS class

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 only screen and ( min-width: 981px ) {
.cta_menu a {
    padding-bottom: 0px;
    background-color: #00aaa2;
    padding: 15px 25px !important;
    border-radius: 25px;
}}

You might also like

57 Comments

  1. Andy

    Hay Mark,
    I really like this – Fresh looking pages – Nice one ..

    Thanks for this

    Andy (Scotland)

    Reply
    • Mark

      Hi Andy,

      Your welcome!

      Reply
    • ajoo

      really good.thank you

      Reply
  2. Matt

    Thanks, Mark

    – so much to learn from you!

    Would you give me a hint how to tweak the colors of the headlines? Don’t see a custom css or a pre-setting in the customizer…

    Thanks again!

    Reply
    • Mark

      Hi Matt,

      You can do that from in the text module

      Go to the design tab and you can change the header colors.

      Reply
  3. Al

    Good job… congratulations.

    Reply
  4. Raphael

    Hello Mark,

    I follow your procedure but I’m blocked on step 3

    “Go to Divi > Theme Customisation. Click on the import/export options (up/down arrow).
    Click on Import and upload Agency Customizer Settings.json.”

    It’s blocked on 1% when I try to import
    http://prntscr.com/ituljt

    Reply
    • Mark

      Sometimes it takes some time to start or you need to do it again.

      Reply
  5. Carl

    Hi Mark,

    This looks really good, however, I can’t import the Agency Customizer Settings.json. Every time I click on the up/down arrows in the Divi Theme Customizer (which appears as a sidebar menu) it navigates to the usual import/export screen very briefly and then to the main dashboard.

    Can the json file be added via File Manager in CPanel or am I doing something wrong?

    Reply
    • Mark

      Hi Carl,

      That is really odd. I don’t believe you can import those into File manager or cpanel. It seems that your Divi get’s bugged. You should ask Elegant Themes about this issue. I’m sorry that I can’t help you better with this.

      Reply
  6. nordie

    love the layout my question is …
    whet did you set the
    element.style {
    padding-top: 95px;
    }

    Reply
    • Mark

      Hi Nordie,

      element.style is the style you have selected in your inspector tool but what element did you select?

      Reply
  7. Amanda

    Hey Mark,

    I really love many of your designs and have already purchased 2. I wanted to know if this free template had a paid version with additional pages.

    Reply
    • Mark

      Hi Amanda,

      This layout doesn’t have a paid version with additional pages. I created it as a brand new layout pack.

      Reply
      • Amanda Sale

        I figured as much, but wanted to double check 🙂 Love your work Mark! It is great stuff and your customer service is amazing! Exact reason why I always check out your templates first.

        Reply
  8. Giuseppe

    Hello,
    I want to know if I can use this layout for my client too.
    Is it 100% free or are there copyright limits?

    Reply
    • Mark

      Hi Guiseppe,

      It is 100% free to use and it has no copyright limits.

      Reply
  9. Jason

    hi,
    there is no et_pb_top_inside_divider, cannot see those svg

    Reply
    • Mark

      Hi Jason,

      I don’t really understand what you are meaning. Don’t you see the dividers? This is a new option in Divi.

      Reply
  10. Matt Brown

    Absolutely love this layout! How do I change the images next to our practice and let’s work together on the homepage!

    Reply
    • Mark

      Hi Matt,

      You can change the image in “our practice” by opening the row and change the Column1 Background:

      Under let’s work together you can change the image in the image module.

      Reply
  11. Eric

    Is it possible to change the color of the mountain images above the footer?

    Reply
    • Mark

      Hi Eric,

      Yes, this is possible open the last section on a page and go to the design tab.
      Under dividers select “bottom” and you will see the color option.

      Reply
      • Andy

        Not sure why i’m not seeing any Dividers under Design… Anywhere…

        Reply
        • Mark

          Hi Andy,

          It’s in the section (blue bar).

          And check your version of Divi, perhaps you are using an older one.

  12. Fabio

    Hi Mark, your theme is incredible! I need only to modify the mountains in the footer (I prefer the ocean weaves 🙂 ) is it possible?

    Reply
    • fabio

      Sorry I’ve seen now how to do 🙂

      Reply
      • Mark

        Glad to hear you solved it.

        Reply
  13. Andy

    This is a very nice template.
    How do you achieve the round bottom of the header image?
    Thanks.

    Reply
    • Mark

      When you open a section and go to the design tab then under dividers you can create a section divider.

      Reply
      • Andy

        Hi Mark. No Divider area under Design.
        This issue also applies to the waves at the bottom and the triangle backgrounds…

        Reply
        • Mark

          I think you are using an older version of Divi. The divider options are available in a recent version.

        • Andy

          I’m on Version: 3.0.100.

        • Mark

          You need version 3.0.101 or newer for the dividers.

        • Andy

          Ok i updated and now the footer works.
          Which one do I choose for the curvy header image ( the curvy options don’t seem to be working ).
          Also which one do I choose for the triangles ( the ones under What We Do )?

  14. Andy

    One more question please – The text ‘WHAT WE DO’ seems to have spacing between the letters.
    No matter what I do, I can’t reproduce it with other titles. Any advice?

    The theme is really great and I love it. Looking forward to show to the client.

    Reply
    • Mark

      It’s the letter spacing option in the module

      Reply
  15. Dragan

    Simply, Thank you!!Looking for something like this for a long time.Local painter business will look great on this theme, with some adjustments ;-).

    Reply
    • Mark

      Your Welcome Dragan!

      Reply
  16. Roberto Ponzù Donato

    Hi, I downloaded and installed the theme. I can’t see the following sections:

    Quick links
    Services
    Contact

    How can I show them?

    Thanks

    Reply
    • Mark

      That are just standard footer widgets.

      Reply
  17. Jacob

    Hi Mark! New user of your products, which are terrific and appreciated! Quick question, where can one find the css to change the bottom “waves” or “peaks”, if you will? I’d like to change the color of the art to blue, and I’m unsure how this is being done. Pulled in via query or locally. Thanks for your time in responding!

    Reply
    • Mark

      Hi Jacob,

      You can change the dividers when you open that section and go to the design tab. Under dividers you can change the color and shape.

      Reply
  18. Dyer's Media

    This is awesome! Thanks for providing so much value! I’ve already got my new site built out using this theme.

    Reply
  19. Rob Sanders

    Fantastic work Mark, very clean and well laid out. Some really nice subtle touches and overall an awesome look.

    Thank you for your hard work.

    Reply
  20. Ganesh Alan

    Great Work Mark, I really love it. Keep rocking with more themes like this.

    Reply
  21. RICHARD ZIMBALIST

    Absolutely gorgeous template! Thanks for your hard work with this

    Reply
  22. ozkaya

    Hi. Thanks

    Reply
  23. Marie

    Hi! Loving this theme.

    I’m having some issues with the Divi > Theme Customisation step. I have tried importing a couple times, but the basic Divi theme is the only thing that shows up on the front end.

    And the pages from the Divi > Divi Library aren’t showing up in WP Pages. Any guidance? Am I missing something?

    Reply
    • Mark

      Hi Marie,

      If you did step 3 than on step 4 you can load in the page layouts.

      Reply
  24. kiomadz

    Hi Mark thanks for the great theme, how do I change the button hover colour from the default one, I tried under button hover styles in divi theme customizer to no avail. I changed background colour without an issue under design, custom button styles. Just what happens on hover is what I am failing to change

    Reply
    • Mark

      Hi, when you open the button module and go to the background button color and hover over the text, then a little arrow will be appearing. When you click on it the hover options will be visible.

      Reply
  25. yasmin

    Hi Mark

    Just had to stop by and say a BIG thanks. This is an awesome layout – really clean, crisp and to the point. You definitely get two thumbs up from me!

    Reply
  26. kartik rangam

    hi, mark I will support you create a more useful layout free or paid 🙂

    Reply
  27. Rob Smith

    Hello,

    This is a great layout!

    I am trying to load it and when I get to Step 2 on “Click on Import and upload Agency Customizer Settings.json.” I go to click on “Import Divi Theme Options” after selecting the file “Agency Builder Layouts.json” and I get this message: “This file should not be imported in this context.”

    I am on Divi Version: 4.9.4 and I think maybe something might of been updated. The button option “upload” I think it was replaced by “Import Divi Theme Options” after selecting “Agency Builder Layouts.json”

    Is there something new that I need to do to load your design?

    Thank you,
    -Rob

    Reply
    • Mark Hendriksen

      Hi Rob,

      I think you are importing the file in the wrong location. Each file needs to be uploaded to a different location.

      For example, the file “Customizer Settings.json” needs to be uploaded in Divi > Theme Customizer.

      Reply

Submit a Comment

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