Divi Dental Child Theme Documentation

File Structure

A download link is sent in the order confirmation email. The product can also be downloaded from My Account area.

Here is information about the files:

  1. divi-dental-1.3.zip (extract this to get the following two files).
    1. divi-dental.zip (for installation).
    2. divi-dental-supplementary-files.zip
      1. Divi Theme Layouts (contains individual layouts for Divi Library)
      2. content.xml
      3. Divi Theme Options.json
      4. Divi Customizer Settings.json
      5. Divi-Theme-Builder-Templates.json

Installation

  1. On your WordPress Dashboard go to Appearance >> Themes >> Add New >> Upload Theme >> Choose File.
  2. Browse the theme file divi-dental.zip on your computer and click Install Now.
  3. Click Activate.

Install Required Plugin

  1. After successful activation of the child theme, it will indicate the installation of the required additional plugin. Therefore, click on the Begin Installing Plugin link that would display on top of the page.
  2. On the next page, click Install to initiate the installation of the “Jetpack” plugin. This plugin is required to display galleries.
  3. After installation of the plugin, click Activate Plugin.

Import Demo Content

  1. Extract the divi-dental-supplementary.zip file.
  2. Go to WordPress Dashboard >> Tools >> Import.
  3. Click Install Now, under the WordPress section.
  4. Click Run Importer.
  5. Click the Choose File button.
  6. Browse the content of the extracted supplementary zip file and select Content.xml file.
  7. Click on Upload file and import.
  8. On the next screen (Assign Authors) page, either create a new user account by providing a username in the input field or assign posts to an existing user by selecting an existing user on your website.
  9. Under the Import Attachment section, select the checkbox to import the media content while importing the content. This will include the demo.
  10. Click Submit.
  11. This process would take a little time. Once done, the demo content will get imported on the site.

Import Customizer settings

  1. Go to WordPress Dashboard >> Appearance >> Customize.
  2. Click on Import & Export on the top left between the Exit (X) and the Publish button.
  3. Click on Import.
  4. Click on Choose File.
  5. Browse the supplementary files directory and select Divi Customizer Settings.json.
  6. Click on Import Divi Customizer Settings.
  7. The changes will be saved automatically after the import.
  8. Exit the Customizer.

Import Divi Theme Options

  1. Go to WordPress Dashboard >> Divi >> Theme Options.
  2. Click on the Import & Export icon.
  3. Click on Import.
  4. Click on Choose File.
  5. Browse the supplementary files directory and select Divi Theme Options.json.
  6. Click on Import Divi Theme Options.
  7. Save the changes after the import and exit the Divi theme builder.

Import Divi Builder Layouts

  1. This step required, in case you’ve deleted previously imported layouts with content.xml file, or there are new layouts available to import.
  2. Go to your WordPress Dashboard >> Divi >> Divi Library.
  3. Click on the Import & Export button.
  4. Click on Import.
  5. Click on Choose File.
  6. Browse the supplementary files directory and select All Divi Builder Layouts.json file, if you want to import all the layouts at once. Or you can select a single file at a time as required.
  7. Click on Import Divi Builder Layouts.
  8. This process would take a little time. Once done, the Divi Builder Layouts will get imported on the site.

Import Divi Theme Builder Templates

  1. On your WordPress Dashboard go to Divi >> Theme Builder.
  2. Click on the Import & Export icon in the top right corner.
  3. Click on Import.
  4. Click on No File Selected to open the file upload window.
  5. Browse the supplementary files directory and select Divi-Theme-Builder-Templates.json.
  6. Click on Import Divi Theme Builder Templates.
  7. Click on Save Changes. The following templates will be created after importing the Theme Builder Templates file.
    1. Blog. This template works as the blog page. To make it work, go to Reading settings and select the Blog from imported page as the Posts page.
    2. Blog 1 & 2. These are the same as the blog layout. Keeping them separate from the Blog template gives you the option to define a global layout for all archives except the Blog Page. You also have the option to remove these Blog template files and import them back from Divi Library, if you require in future.
    3. Post Layout 1,2,3 and 4. These are the post layouts available in the child theme.
    4. Search Results. Template to display the search results.
    5. 404 Page. Template for the 404 pages.

Set Navigation

  1. Go to the WordPress Dashboard >> Appearance >> Menus
  2. On the Edit Menus tab, select the Primary Menu from the list and click Select.
  3. On the Menu Settings area, in the Display location, check Primary Menu and click Save.

Set Footer

  1. Open the readme.md available in the child theme root directory.
  2. It has the demo code for the footer widgets.
  3. Go to the WordPress Dashboard >> Appearance >> Widgets >> Footer Area #1, 2, 3 and 4, and one by one add widgets as per the readme.md file.

Set Home and Blog page

  1. Go to WordPress Dashboard >> Settings >> Reading.
  2. Under “Your Homepage Displays”, select “A Static page (select below)” option.
  3. In the Homepage option, open the list and select Home as your page.
  4. In the Posts Page option, open the list and select Blog as your posts page.
  5. Save Changes.

Importing the alternate Divi 4 Header & Footer templates

  1. Go to the WordPress Dashboards >> Divi >> Theme Builder.
  2. Then go to Default Website Template >> Add Global Header/Footer >> Add From Library.
  3. Go to Your Saved Layouts, and choose the header or footer layout you want to use.
  4. Save Changes.

Frequently asked questions

Q: How to create a gallery like the demo?
A: Jetpack plugin is required to create the gallery like the demo. Once the plugin is installed and activated, it replaces the standard images in the mosaic form as on the demo.

Q: How to create the special menu item like “Order now” in the demo:
A: Step 1: Assign a class to the menu. To do this, go to Menu, Click on Screen Options on top right. Select “Show advanced menu properties” section, make sure that CSS Classes is checked.
Step 2: Edit the menu item and put the class name you want to assign it. In our case, we used special-menu.
Step 3: Go to the Custom CSS area in the Divi Theme options or put the following CSS snippet in your Child Theme’s stylesheet.


Q: How to update footer background image A: Here is example snippit.

Footer code: Navigate to the Widgets, add the widgets as per this information:

Divi Dental Setup Video

A: It is a mute video but here is the timestamp of major events.

0:40 – How to import Divi theme settings
1:15 – How to import customizer settings
1:56 – How to import all demo content
2:50 – How to set up the navigation menu
3:30 – How to set up homepage as the front page
3:50 – How to set up footer (check widgets.txt file for HTML code)
6:18 – How to set up our office menu
For the gallery in Our office page, install Jetpack plugin.

This video was made on an earlier version of the child theme and does not include the Divi 4 template setup process.

Divi 4 header footer pack

Fill up your details to download the file

Please check your email for the download link.