Installing Pest Control Child Theme

Before installing this child theme

  • Install the latest version of Divi on a fresh WordPress installation
  • Check if you met all of the hosting requirements settings under Divi > Support Center

Installing this child theme will overwrite the existing website.

You can install Divi Pest Control with the one-click demo import tool (this will install all the pages and settings in one go). Or you can choose to install it manually (in very rare cases the one-click demo import doesn’t work in that case, you can use the manual method).

One-click demo import

Step 1: download and import Pest Control child theme

  • Download the folder pest-control-divi-child-theme.zip to your computer.
  • Go to Appearance > Themes and click on Add New. Locate the pest-control-divi-child-theme.zip file on your computer and then click Install Now. When the install is complete click on ‘Activate’, you will then see the Pest Control Child Theme as the active theme in your theme panel.

Step 2: import demo content

Navigate to Pest Control Demo Import and click on Easy demo Import

Then click on the button Import Demo Content.

After the import you can click on Remove Demo Content and Import Functions.

That’s it all the demo content is imported now.

Manual Installation

Use the Manual Installation method in case the one-click demo import does not work for you.

Step 1: download Pest Control child theme

  • Download the folder supplementary-product-files.zip to your computer.
  • Unpack this folder.

Step 2: install the Pest Control divi child theme

In your WordPress dashboard navigate to Appearance > Themes and click on Add New.

Locate the pest-contol-divi-child-theme.zip file in the supplementary-product-files folder on your computer and then click Install Now.

When the install is complete click on ‘Activate’, you will then see the Pest Control Child Theme as the active theme in your theme panel.

Step 3: upload the JSON files

  • Go to Divi > Theme Options. Click on the import/export options (up/down arrow).
    Click on Import and upload Pest Control Theme Options.json.
  • Go to Divi > Theme Builder. Click on the import/export options.
    Click on Import and upload Pest Control Theme Builder Templates.json.
  • Go to Divi > Theme Customizer. Click on the import/export options (up/down arrow).
    Click on Import and upload Pest Control Customizer Settings.json.
  • Go to Divi > Divi Library. Click on the import/export options.
    Click on Import and upload Pest Control Builder Layouts.json.

Step 4: add the pages

  • Go to Pages > Add New. Give your page a name for example Home.
  • Click on Use Divi Builder
  • Click on choose a premade layout
  • Go to the tab Your Saved Layouts
  • Here you will find all the pages from the demo. Load the Home page and publish it.
  • To add the other pages as in the demo you do the same steps.

Step 5: add a menu

  • Go to Appearance > Menus and create a menu and add your page(s) to it.
  • Go to Settings > Reading. Check A static page
  • Set Homepage: to your home page
  • Leave the post page unset

How to…

Change the header and menu

Go to Divi > Theme Builder and open the Global Header.

  1. Click on the 3 dots to expand the bottom bar
  2. Click on the + symbol
  3. Click on Your Saved Layouts
  4. Check Header And Menu

Now you can choose your header version. Check the demo site on how they look.

Only for the default header

The logo in the default header is overhanging on the top bar. If you have a normal-size logo then you probably want to remove that space.

Go to Appearance > Theme File Editor

At line 129 you will see this:

Comment this code out by adding /* in front and */ at the end like this:

After saving clear your browser cache.

Change or remove the dropdown slide-in

Go to Divi > Theme Builder > Global Header

Switch to wireframe view (left-bottom).

Scroll down and you will see the contents of the hamburger menu (drop down).

Add pages to the services side menu

Go to Appearance > Menus

Switch the menu to the services menu.

Add pages to this menu.

Redirect the contact form to the thank you page

Open the contact form and go to Redirect.

Enable Redirect URL

Place the URL of the thank you page in the Redirect URL field.

Colors

Global colors

This design uses 3 global colors:

  • yellow #f7be00
  • Light green #339d55
  • Dark green #31754a

If you change the global color it will change for the entire site.

I will use an example below with different colors but the principle is the same.

For example, I will change the orange color to green.

Open any module, row, or section that has this color.

In the image below I do this with the button module. I go to the icon tab that has the orange global color.

  1. Click on Global
  2. Make sure the dark blue color is selected
  3. Change the color
  4. Click on the cogwheel

Click on Finish Editing Global Colors. 

You should get a warning if you are sure to change this. Clickon Yes.

Go to Appearance > Theme File Editor.

1) at line 18 you can change the bottom border color.

2) at line 24 you can change the arrow color.

Collapsing mobile menu icon

Go to Appearance > Theme File Editor.

1) at line 30 you can change the icon color.

2) at line 31 you can change the icon background color.

Go to Appearance > Theme File Editor.

1) at line 36 you can change the line background color.

Header hamburger menu color

Go to Appearance > Theme File Editor.

1) at line 41 you can change the background color.

Steps dashed line

Go to Appearance > Theme File Editor.

In line 46 you can change the dashed line color

Coupon dashed line color

Go to Appearance > Theme File Editor.

1) at line 51 you can change the dashed border color.

Go to Appearance > Theme File Editor.

1) at line 56 you can change the text color.
1) at line 57 you can change the background color.
1) at line 58 you can change the border color.

2) at line 63 you can change the text color.
2) at line 67 you can change the gradient background color.

3) at line 72 you can change the icon color.

Need Help?

Email: info@markhendriksen.com

Free Layout Packs

Join my free membership and get access to 17 free Divi layout packs.

Join Free Membership