Divi Business Pro
Follow the instructions below to install and configure your new product
TABLE OF CONTENTS
✓ Self-Hosted WordPress Installation
Remember: For the Divi Business Pro child theme to work, you must have Divi from Elegant Themes. If you do not have it you can purchase it here. Once you have it, please install it on your self-hosted WordPress website.
Visually striking, engaging and driven to help maximize conversions, Divi Business Pro has been designed to help brands thrive online. Suitable for a range of businesses, Divi Business Pro can be adapted for businesses that operate online as well as offline businesses that require a display site.
With a beautiful color palette, bold typography, attractive hover states and playful use of opacity throughout the theme, Divi Business Pro will make a brand stand out from the get-go. Beyond aesthetics, Divi Business Pro boasts a range of deeply valuable elements and premium features, all geared to help businesses showcase their offerings with pride and convert potential customers into loyal followers.
Bonus: Includes a single site license for the Testify plugin.
B. INSTALLING THE CHILD THEME
Please upload the Divi Business Pro Child Theme to you your self-hosted WordPress website. Make sure the Divi theme is already installed and activated.
After you have activated the child theme, click on the 'Divi business pro' menu item on your left panel and enter your license key in the input field provided in the dialogue box that pops up; then click 'Continue'.
C. INSTALLING REQUIRED PLUGINS
Once the theme is installed on your site, the system will suggest you install & activate some Plugins. Please click the Plugin Names or Begin Installing Plugins link on the dashboard screen and start the process. This function is, however, optional.
For the next step, click on the 'Divi Business Pro' menu item on the left panel.
D. IMPORT DEMO DATA
From the WordPress Dashboard, go to the newly added tab bearing the name of your "Divi Business Pro" child theme on the left admin panel. Under that menu, please click on ‘Import Demo Data’ and then follow the instructions provided on the page. Please be patient while the demo data of the Divi Business Pro child theme is imported into your site.
E. HOMEPAGE SETTINGS
Move to the settings area in your left Admin panel. Click ‘ Reading’, under ‘Your homepage displays’ select ‘A static page’ and for the Homepage drop-down menu select either ‘Homepage 1’ or ‘Homepage 2’.
F. POSTS PAGE SETTINGS
While you are in the ‘Reading’ settings, under the ‘Posts page’ select ‘Blog’.
Remember to Save Changes before moving on to the next step.
G. MENU SETTINGS
Move back to the ‘ Appearance’ tab in your left Admin Panel and select ‘menus’. You should select the 'Main Menu' from the top drop-down and in the bottom checkboxes make sure to tick 'Primary Menu'; then click the 'Save' button.
While still on the Menus page, select the 'Secondary Menu' from the top drop-down and in the bottom checkboxes make sure to tick 'Secondary Menu'; then click the 'Save' button.
H. WIDGET SETTINGS
Move back to the ‘ Appearance’ tab in your left Admin Panel and select ‘Widgets’. Open the Footer Area #2 sidebar and then the Navigation Menu Widget; from the Select Menu drop-down choose 'Footer Widget Menu'; then click the 'Save' button.
NEED ADDITIONAL INFORMATION OR SUPPORT?
For general WordPress information – wordpress.org
For additional help with using Divi, Elegant Themes offers free technical support to all its members. – http://www.elegantthemes.com
NEED HELP WITH CUSTOMIZATION OR WANT TO BUY SIMILAR PRODUCTS?
If you feel you need to give your website a completely professional finish, or you simply don’t have time to do it yourself, contact us at aspengrovestudios.com or send us an email to email@example.com, to get our current rates. If you like our products and would like to purchase similar child themes, please visit https://aspengrovestudios.com/shop
How to inject a Divi Layout in Divi Business Pro's 404-page
This will add your Divi layout below the page title, replacing existing content.
Here's what you need to do:
- Take your 404-page designed in Divi and save the layout to the library
- Navigate to Appearance >>> Editor
- On the right sidebar find 404.php and click on the link to open the template
- Select all content from line 18 to line 31 and delete it
- In place of the deleted content add this line:
<?php echo do_shortcode('[et_pb_section global_module="MY LAYOUT ID"][/et_pb_section]'); ?>
- Replace MY LAYOUT ID for the ID of the library item that is your 404 design
After performing steps 4-6, It will look like this:
- UPDATE FILE
Making a mistake while editing PHP files could crash your site, BACKUP BEFORE ATTEMPTING THIS!
Editing the Divi Business Pro Child Theme
You can edit the styles of the child theme in the Appearance >> Editor Page:
As you can see in the picture above, we have created several CSS files to make the styles easier to locate, for example, there is a colors.css file which governs the majority of the color settings in the child theme:
Modify the color of the header decoration:
Navigate to Appearance >> Editor and edit the colors.css file on line 119: