Divi Dental Child Theme Documentation
A download link is sent in the order confirmation email. The product can also be downloaded from My Account area.
The name of product file is divi-dental-1.0.zip (The number in the file name is for the child theme version). This file needs to be extracted further before uploading.
List of files obtained after extracting the divi-dental-1.0.zip:
- Install child theme using extracted divi-dental.zip and activate it.
- Navigate to theme Customizer and import Divi Customizer Settings.json.
- Navigate to Divi Theme Options page and import Divi Theme Options.json.
- Navigate to Divi Theme Builder and import Divi-Theme-Builder-Templates.json.
- Navigate to Tools>>Import, then select WordPress import and import content.xml. This step will create all the pages and posts as on the demo site.
- Open widgets.txt and create 4 widgets and use the snippet in the given file.
- Update content and images by editing the pages, replace the logo and tweak other settings as desired.
Your site is ready!
Divi Dental has the following layouts available for Divi 4 Template builder.
- Blog Archive
- Search Result
The layout files for the above is already imported along with the Divi library layouts. They can be found in the Divi Builder Layouts directory which contains individual page layouts as well.
These layouts which are already in the Divi library can be used on Divi theme builder by editing a specific area.
Go to the Divi Theme Builder and override the section with the layouts imported from Divi Library. You could add these layouts to the Divi Library from the “Divi Builder Layouts” directory.
1. JetPack (For galleries)
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 Custom CSS area in the Divi theme panel 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.