This version of Liberty has been fully tested with WordPress 5.1.1 and Divi 3.21.2. Some features or elements may not be compatible with previous versions. Please ensure that you’ve downloaded the latest version of Divi.
Installing child theme
Step 1: Install Divi Theme
Once you’ve downloaded the Divi theme package, login to your WordPress website and go to Appearance > Themes.
Find and upload the Divi parent theme and activate it. Next click on the Add New Theme.
Step 2: Install and activate Liberty
Click on Upload Theme.
Click on Choose file.
In the downloaded package find and select Liberty.zip file, then click on the Install Now button.
Completing the upload, you will need to activate the theme by clicking on the Activate button.
Step 3: Activate your product
To activate your product and get updates please go to Settings > Liberty Activation and enter your API Key.
To see your API Keys please login to your account.
Step 4: Installing plugins
Liberty theme requires 2 plugins:
Recent Posts Widget With Thumbnails and One Click Demo Import.
We have made installation process very simple. After Liberty child theme is activated system will ask you to install all missed plugins. Click Begin installing plugins.
On the next screen select all plugins, choose Install from dropdown menu and click Apply.
After plugins are installed successfully you should see this screen.
Step 5: Permalinks setup (optional)
For SEO purposes, it is good practice to change Permalinks Settings to “Post name”.
Go to Settings > Permalinks, select “Post name” and click Save Changes.
Step 1: Now you will need to install the library and all theme settings which allows you to have your site just like the demo version.
Go to Appearance > Import Data Demo, and click on the Import Demo Data button.
Note: This may take even several minutes, depends of internet connection speed. Please be patient.
Liberty Theme Options
Read More Blog Button Text – change default “Read More” button text
Switch to Mobile Menu – set screen size when the website should switch to mobile menu
Fixed Header on Mobiles – enable fixed header on mobiles
Mobile Nav Background Color – select color
Mobile Nav Text Color – select color
Select Footer Layout – select footer layout from the layouts saved in Divi Library
Select Error 404 Page Layout – select 404 page from the layouts saved in the Divi Library
Read More Button Text – specifies text displayed on blog module button.
Show Previous/Next Post Navigation – enable Prev/Next post navigation on single post pages
Show Related Articles on Single Post – enable related articles section on single post page
Related Articles Title – change heading text for related articles section
Show Ghost Header when Divi Builder disabled – enable Ghost Header on archive/category pages
2 Theme Colors
Liberty theme allows you to change color scheme in just a few clicks. You can change main accent color, drak background color and light elements color.
Social tab allows us to add more social networks to our website.
Set preloader for your website in no time. Liberty theme has 12 ready-to-use preloaders. You can also upload your own preloader, change preloader effect and fadeout speed.
Preloader – Enabled/Disabled
Preloader Size – define preloader size: width and height
Preloader Images – select preloader image
Preloader Image Uploader – you can upload your own preloader/gif image
Preloader background color – define background color for preloader
Preloader Effects – define effect FadeOut/SlideUp
Preloader Fadeout speed – define speed of preloader fadeout effect
Theme Customizer Options
1 Liberty Colors
Theme colors can be easily changed in Theme Customizer.
2 Liberty Navigation
Navigation settings allow us to change fixed menu logo, set menu underline width and change menu underline color.
3 Ghost Header
Ghost Header is another custom option. It allows to customize 2nd header and display it on specific pages like category pages, archive pages…
Divi/Theme Customizer/Ghost Header
4 Liberty Fonts
Liberty Fonts tab allows us to change font weight gloablly. Here we can also set secondary font and weight.
4 Liberty Popup
The Popup Maker which is built-in in the Liberty theme is an awesome feature that allows you to create unlimited popup layouts using Divi Builder. In Liberty Customizer we can customize popup background color and close button colors. You can learn more about Popup Maker here.
5 Menu Button
Menu Button is one of the most wanted feature in premium Divi themes. With Liberty we can easily add button to our Divi menu and customize it to fit our needs. We can display button first or last. We can tweak button colors, font, size and add hover effect.
Footer Injector allows us to build footers using Divi Builder and set it as a global footer for our website with ease. Simply build your layout footer and save it to the Divi library, then go to Divi/Theme Options/Liberty and select layout you just saved in your Divi Library as a global footer.
Liberty theme comes with 3 premade footer layouts that you can use on your website straight away!
After Liberty theme is activated, we will see new tab in our WordPress dashboard called “Popups”. Here we can build layouts using Divi Builder and then trigger them to be displayed as a modal windows on any element.
Liberty theme comes with 5 premade popups that can be customized to fit your needs.
How to trigger popup?
Triggering popups is very easy. To trigger popup we need to copy “Popup Trigger” class and add it as a link to any element we want.
For additional assistance with using the Divi theme framework, Elegant Themes offers free technical support to all their members. Login to your account at Elegant Themes website.
You can also find support on Facebook or Google+ by posting your questions in the community group:
B3 Multimedia Solutions
For questions or support please visit your account and submit support ticket:
2019 April 17th – Version 1.0