Follow the instructions below to install and configure your new product
TABLE OF CONTENTS
✓ Self-Hosted WordPress Installation
Remember: For the Divi Nonprofit 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.
Aesthetically striking and functionally flawless, the Divi Nonprofit child theme offers organizations the chance to communicate effectively and present a truly engaging website to their audience. Satisfying a range of possible marketing strategies, the Divi Nonprofit child theme’s got it all. From events to e-commerce, donations, custom project templates to showcase your great deeds, content publishing and more, Divi Nonprofit comes complete with a plethora of advanced features, each carefully crafted and beautifully styled, to help organizations pursue varying marketing avenues with ease.
While not limited exclusively to nonprofits, the Divi Nonprofit child theme can be used by just about any brand or business looking to create a beautiful and highly-functional website.
B. INSTALLING THE CHILD THEME
Please upload the Divi Nonprofit Child Theme to you your self-hosted WordPress website. Make sure the Divi theme is already installed and activated.
C. ENTER LICENSE KEY
After you have activated the child theme, click on the 'Divi Nonprofit' menu item on your left Admin panel and register your license key in the input field provided in the dialogue box that pops up; then click 'Continue'.
D. INSTALL RECOMMENDED 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 Nonprofit' menu item on the left panel.
E. IMPORT DEMO DATA
From the WordPress Dashboard, go to the newly added tab bearing the name of your "Divi Nonprofit" 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 Nonprofit child theme is imported into your site.
Wait for the circle counter to hit 100% and for the "Import Complete!" message.
F. SET HOMEPAGE AND POSTS PAGE
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 ‘Home’ or any of the 4 other homepage options provided.
While still on the Reading Settings, choose 'Blog' for your posts page and also set both, the 'Blog pages show at most' and the 'Syndication feeds show the most recent' Settings to '5' as well.
G. SET THE WIDGETS
Move back to the ‘Appearance’ tab in your left Admin Panel and select ‘Widgets’.
Open the 'Sidebar' sidebar and make sure the widgets areas in the image below, with the 'Recent Posts' widget, set to 4 posts. Move on to the 'Footer Area #2' sidebar and select the 'Footer Widget Menu 1' menu from the drop-down (SAVE), then on the 'Footer Area, #3' select the 'Footer Widget Menu 2' menu from the drop-down (SAVE).
H.SETTING THE DONATIONS FORM FOR THE HOME SLIDER
Navigate to 'Donations' >> 'All Forms' and click on the 'Edit' link under the Home-slider form item.
The page will open on the 'Donation options' tab where there will be only one Donation Level set by default to $1.00. Click the blue 'Add Level' button.
Set the amount to $10.00, tick the 'Default' radio button and click the 'Add Level' button one more time.
Repeat the above step to add levels of $25.00 and 50.00
After setting the Donation Levels, click the 'Set featured image' link on the right-hand sidebar.
When the Featured Image modal opens, click on 'Media Library', select your image and then click the 'Set featured image' button.
Next, click the 'Form Display' tab and:
- set the Display Options by enabling the 'Modal' radio button.
- set the Default Gateway to 'Test Donation'.
- set the Floating Labels to 'Enabled'
Next, click on the Donation Goal tab and choose the 'Enabled' radio button.
The previous action will open up new options:
- Set the Goal Amount to $500.00
- Set the Progress Bar Color to #f13e4b
When finished, please remember to click on the blue 'Update' button in the right sidebar.
Next click the 'Settings'link under the Donations Admin Menu Item and pick the 'Sequential Ordering' link under the 'General' tab.
Disable by ticking the appropriate radio button and 'Save Changes'.
Next, click on the 'Display Options' tab and enable the Floating Labels.
I. USING THE CUSTOMIZER TO MODIFY DEFAULT COLORS
On the left Admin Menu, navigate to 'Appearance' >> 'Customize'.
Click on the 'Divi Nonprofit Colors' to display this:
Caldera Forms are missing from my Divi Nonprofit Child Theme
Manually import the Caldera Layouts
They are in the theme package under aspen-demo-content > demo-files, they're called:
To access the files, first:
In your WP Dashboard, navigate to Caldera Forms >> Forms and Click the import button:
This Import Form pops up:
Click the "Choose File" button and navigate your computer's folders to the demo files subfolder located within the unzipped theme-package folder (path: \\\divinonprofit\aspen-demo-content\demo-files). Find the highlighted files:
Import them one by one, on each occasion, double click on the file name and, when the Import Form pops back up give the form a name and tick the box:
When the import has concluded, the plugin takes you to the imported form itself, here you need to save the form, this is very important.
Repeat with the other file:
SAVE one more time, as with the previous form and now you should have the missing forms in your Caldera Forms Page:
To remove the “Animals” post type from the Divi Nonprofit child theme:
- Navigate to Appearance >> Editor
- Find functions.php in the right sidebar and click on the link to populate that layout in the text editor
- Scroll down to line 45
- Remove sections 2 & 3:
- Update Page.