Free Divi Consultant Layout Pack

This is a Free Divi Consultant Layout pack designed specifically for consultants. But as with most layout packs, it can be repurposed for just about anything.

This layout package includes 4 pages:

  • Home
  • About us
  • Services
  • Contact

Some images that are used in this demo are replaced in the download package due to licensing.

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 โ€˜Free_layout_pack_consultant.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 Consultant Theme Options.json.

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

Click on Import and upload Consultant Customizer Settings.json.

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

Click on Import and upload Consultant 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

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 ) {
ul li.cta_menu a {
background-color: #4ac8ed;
padding: 9px 15px !important;
border-radius: 40px;
color: #142440 !important;
box-shadow: 0px 0px 10px 0px #000;
}

.et-fixed-header #top-menu li.cta_menu a {
color: #142440 !important;
}}

27 thoughts on “Free Divi Consultant Layout Pack”

  1. Great layout, thanks for that Mark!

    I’m struggling to get rid off the shadow. I’ve added this to CSS but shadow is still showing ….

    /* box-shadow: 0px 0px 10px 0px #000; */

    Any help is much appreciated.

    ๐Ÿ˜‰

    Reply
    • Hi Rob,

      I think you mean the shadow from the call to action in the header.

      Comment them out as you did should work.

      Did you cleared your cache?

      Reply
  2. Nice Layout. Can I remove the “Designed by markhendriksen.com” from the footer? If yes, how do I do it? The normal customizer settings seem to be overwritten.
    Also my logo doesnt fit. It slips under the menu items.

    Reply
    • Yes you can remove the footer credits go to Divi > Theme Customizer > Footer > Bottom Bar

      Could you give a link then I’ll see what you can do about the logo.

      Reply
  3. This layout pack was very helpful!

    Quick question – how do I remove or edit the logo “consultant layout pack” image?

    Thanks again!

    Reply
  4. Hi, and thanks for making this great layout! I have a problem – I can’t edit the menu. Where do I go to find a way to do so? I want to add new pages and reorder the menu. Many thanks.

    Reply
    • Hi Michelle,

      You can change the header color in:
      Divi > Theme customizer > Header & navigation > Primary menu bar

      To add social icons go to:
      Divi > Theme customizer > Header & navigation > Header element

      You can add/remove social icons in:
      Divi > Theme options

      Reply
  5. Hi, is this fully customisable as per all Divi’s usual ability? It is a great layout I could do with to build upon for a small client?

    Reply

Leave a Comment

37 Shares
Share35
Pin2
Tweet