Free Divi Consultant Layout Pack

by Mark Hendriksen | Jan 21, 2018 | Free Divi Layouts | 27 comments

Mark Hendriksen

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

Divi consultation 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.

Download Layout Pack

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;
}}

You might also like

Free-Divi-Layout-Packs

27 Comments

Stephane on January 26, 2018 at 8:22 am

Very nice layout
Many thanks
best regard
Reply
- Mark on January 26, 2018 at 8:26 am
  
  Thanks Stephane
  Reply
- gjergj on May 26, 2020 at 9:54 pm
  
  thnx
  Reply
ROB on February 1, 2018 at 9:47 am

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
- Mark on February 1, 2018 at 10:05 am
  
  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
Karsten on February 1, 2018 at 7:38 pm

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
- Mark on February 1, 2018 at 8:26 pm
  
  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
Jobe on February 6, 2018 at 2:36 am

This layout pack was very helpful!

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

Thanks again!
Reply
Jobe on February 6, 2018 at 2:43 am

Never mind – figured it out.

Thanks again
Reply
- Mark on February 6, 2018 at 7:40 am
  
  Good to hear you already figured it out
  Reply
  - Debi on March 8, 2018 at 11:24 am
    
    I haven’t managed to to substitute the logo ‘consultant layout package? with my own- been backwards and forwards and am missing it. Please help
    Reply
    - Mark on March 8, 2018 at 3:05 pm
      
      Hi Debby,
      
      You can change the logo in Divi > Theme options
Roshan on February 8, 2018 at 6:13 am

This seems really good layout.

Thanks for sharing this. Will look forward to more layouts.

Regards,
Roshan
Reply
- Mark on February 8, 2018 at 8:01 am
  
  You’re welcome. And more free layouts will be coming shortly.
  Reply
Harry Stone on February 12, 2018 at 5:34 pm

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
- Mark on February 12, 2018 at 6:14 pm
  
  Hi Harry,
  
  You can change the order and add new pages in the menu in Appearance > Menu.
  Reply
MIchelle on February 14, 2018 at 8:22 pm

Is there a way to change the header color where the logo is and display the social icons at the top?
Reply
- Mark on February 15, 2018 at 8:09 am
  
  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
Jo John on March 18, 2018 at 1:34 pm

Love your layouts. Clean and tidy. Well done and thank you.
Reply
Kristoffer on March 23, 2018 at 9:33 am

Very nice clean layout. Thank you 🙂
Reply
- Mark on March 23, 2018 at 10:46 am
  
  Thanks Kristoffer
  Reply
Martin on May 22, 2018 at 4:13 pm

Hi Mark, just love this layout. Can you tell which font you used to create your logo?
Reply
- Mark on May 25, 2018 at 7:48 am
  
  Hi Martin,
  
  I used the oswald font for the logo.
  Reply
RILDO LIMA on September 19, 2018 at 6:10 pm

Very good job!!!!
Reply
yasser1248 on November 3, 2018 at 11:42 am

Very nice layout. Thank you
Reply
Gemma on May 2, 2019 at 12:11 pm

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
- Mark on May 10, 2019 at 8:49 am
  
  Hi Gemma,
  
  Yes this is fully customisable, and you can use it for your client(s)
  Reply

Submit a Comment Cancel reply