1.Introduction
What is included in the price?
✓ High quality and flexible WordPress Theme
✓ Child Theme
✓ Premium plugins bundle
✓ Lifetime updates
✓ Theme documentaion
✓ Premium Support Services
If you like our Course Builder theme, don’t forget to give us 5 star rating and leave feedback on themeforest
★★★★★ We appreciate your contribution! ★★★★★
1.1.Requirements
There are system requirements in order to properly install and setup Course Builder theme and its components. Make sure that you are running Linux hosting, latest version of WordPress, PHP version 7.0 or higher and MySQL version 5.7 or higher. We also recommend the following PHP configuration limits:
Recommended hosting configuration
- vCPU: 3
- Memory (RAM): 3 GB
- SSD Storage: 60 GB
Recommended PHP configuration limits
- upload_max_filesize = 32M
- post_max_size = 32M
- max_execution_time = 300
- max_input_time = 300
- memory_limit = 256M
Please contact your server provider to verify your current PHP limits and have them set it up again if needed.
Once you successfully install and activate Course Builder theme, Course Builder Dashboard will be added to your WordPress menu. You can verify those requirements under Course Builder > System Status
1.2.What’s Included
After purchasing Course Builder theme on themeforest with your Envato account, go to your Download page. You can choose to download Course Builder theme only (Installable WordPress file only) or the entire Course Builder theme package which contains the following files:
- Course Builder theme: An installable WordPress theme zip file.
- Documentation: A link to this documentation.
2.Getting Started
Here is a video tutorial of how to install, activate and import demo data for Course Builder theme. You can also check the detailed instructions in the section below!
3.Installation
3.1.Install theme via WP
Follow these steps below to install Course Builder theme via WordPress:
Step 1. Visit Dashboard > Appearance > Themes > Add New.
Step 2. Click Upload Theme.
Step 3. Browse course-builder.zip file on your computer and click Install Now.
Step 4. Activate Course Builder theme.
Step 5. Install and activate Thim Core plugin of Course Builder that required for importing demo data.
3.2.Install theme via FTP
Follow these steps below to install Course Builder theme via FTP:
Step 1. Login your FTP account via FTP software to access your host web server.
Step 2. Extract course-builder.zip file.
Step 3. Upload the extracted folder course-builder to wp-content/themes folder.
Step 4. Activate Course Builder theme in Dashboard > Appearance > Themes.
Step 5. Install and activate Thim Core plugin of Course Builder that required for importing demo data.
3.3.Install plugins and import demo
After the theme successfully installed and activated, you will see the Course Builder theme dashboard with our welcome message. Click ‘Next step’ and follow the instructions to set up your site:
Step 1. Name your website and set the description.
Step 2. Log into your Envato account to be able to download the required plugins for the theme. You must not skip this step
Step 3. Install and activate required and recommended plugins for the theme.
There will be times that some of the plugins fail to install due to internet loss and you will see the error message ‘You can try again later’. Simply choose the plugins and click install and activate again
Step 4. Choose a demo and import into your site
You can also import any specific pages from the demo. Please go to our support forum and we will send you the file of those pages and the guide of how to import.
After this process, visit Settings > Permalink settings. Select ‘Post Name’ structure. This is to prevent 404 errors on custom post type pages.
4.Customization
Now you have successfully installed Course Builder theme. You can go to Appearance > Customize to customize your own unique website!
4.1.Customization Settings
4.1.1.General
This is for customizing Logo, Page Layouts, Styling, Typography, Extra Features, Custom CSS…
Layouts: customizing Site Layouts, Archive Page Layouts, Single Page Layouts, and Page Layouts
Styling: customizing Primary Color, Main Content Background, and Boxed Background
Typography: customizing Body typography and Headings typography
Extra Features: customizing Loading Icon and enable/disable extra features: Popup background image, RTL support, Smooth Scrolling, Open Graph Meta tags, Back to Top, Google Theme, Pre-load…
Utilities: Disable Auto Login, Allow Register Popup, Register/login Redirect, Google Analytics ID…
Custom CSS/ JS: customizing the site using CSS/JS code
4.1.2.Header
This is for customizing Header Settings, Top Bar setting, Sticky Menu settings, Layout & Main Menu, Sub-Menu setting
4.1.3.Page Title
This is for customizing Page Title settings, Page Breadcrumb settings and archive pages settings such as Courses archive page, Forums, Collections…
4.1.4.Blog
This is for customizing Blog Settings, Blog Archive/Single Page Layout, and Social Share options
4.1.5.Courses
This is for customizing LearnPress Courses Settings, Page Layouts, Course Features, and Social Share options
4.1.6.Events
This is for customizing Event Archive Page/Single Page Layout and Social Share options
4.1.7.Forums
Setup layout for Forums archive page and single forum pages
4.1.8.Portfolio
Setup layout for Portfolio archive page and single portfolio pages
4.1.9.Footer
This is for customizing Footer settings and Copyright settings
4.1.10.Responsive
This is for customizing mobile menu and Off-canvas Menu
4.1.11.Menus
This is for customizing Menus. There are 2 required menus: Primary menu and Copyright menu. You can add your own menus by adding ‘Custom menu’ widget to widget area
4.1.12.Widgets
This is for customizing Widgets areas including Header Right, After Main, Below Off-Canvas Menu, Footer, Below Footer and Top Bar
4.2.Thim Shortcode Elements
The user ID can be found in User Profile
The course ID is a 3-digit number in the course URL
4.3.Child theme
A child theme is a theme that inherits the functionality and styling of the parent theme. Child themes are recommended because if you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.
Follow these steps to create and modify Course Builder child theme:
Step 1. Visit Course Builder Dashboard > Child Themes tab > Install and activate child theme
Step 2. Navigate to your themes directory /wp-content/themes/course-builder-child
Step 3. Open the functions.php file and add any custom modification at the end of the file
5.About LearnPress
LearnPress is a required plugin in Course Builder to run LMS system. One of the biggest advantage that LearnPress has over most other LMS that has made it the leading solution in the LMS industry, beside its powerful features and flexibility, is its amazingly beautiful templates. LearnPress is quite simple to work with, for both normal users and developers and it is so well-adapt that its UI quality is top-notch.
Check more details about the usage of LearnPress at https://wp.thimpress.com/learnpress-documentation/
6.Update Theme
6.1.Update via Thim Core
Thim Core plugin allows to update theme without resetting your settings and customization. However, you should always backup your files and databases before updating.
Follow these steps below to update Course Builder theme via Thim Core:
Step 1 – Visit Course Builder > Dashboard and login with your Envato account.
Step 2 – Click Update now.
6.2.Update via FTP
Follow these steps below to update theme via FTP:
Step 1. Log into your Envato account on themeforest. In your Download page, find Course Builder theme and choose the Installable WordPress Theme.
Step 2. Login your FTP account via FTP software to access your host web server. Navigate to wp-content/themes folder to backup your current course-builder folder if needed. The contents on your site will not be lost but if you have modified the code then the changes will be lost. You have to modify them again after updating.
Step 3. Extract course-builder.zip that you downloaded from themeforest
Step 4. Upload new theme folder course-builder to wp-content/theme to override the existing files.
7.Knowledge Base and FAQs
Check our Knowledge Base and FAQs below to find the answer for some common questions:
How to enable Register option in Top Bar?
Visit Dashboard >> Settings >> General >> enable ‘Anyone can register‘
Can I sell course via WooCommerce system?
To use WooCommerce system for the courses:
– Install LearnPress – WooCommerce Integration plugin (Dashboard >> Course Builder >> Plugins).
– Visit LearnPress >> Settings >> Payments >> enable option “WooCommerce payments”.
– Enable the payments in Dashboard >> WooCommerce >> Settings.
For more knowledge base, find here.
What if I already have Eduma theme ?
Eduma and Course Builder theme share the same LMS features and functionalities, thus you can switch between the two without affecting LMS data. (we also have a blog about the difference between Eduma and Course Builder here)
- If you already have your website using Eduma theme and want to change to Course Builder theme:
First, deactivate all the plugins on your site. Then install and activate Course Builder theme (instruction above).
Your site is now using Course Builder theme and current LearnPress data should be preserved, no more action needed. - If you have two different sites using Eduma on one and Course Builder on another and you want to transfer LearnPress data from one to another:
We provide a FREE plugin called Export/Import that helps to transfer LearnPress data including courses, lessons, and quizzes from one to another website. You can check the plugin usage here
Theme Installation Error?
1. “The package could not be installed. The theme is missing the style.css stylesheet“: this occurs when you try to upload the full zip file that includes sample data, documentation, etc. Please make sure you are uploading only the installable theme which is called course-builder.zip. For more information about this, check Envato help center here
2. “Are you sure you want to do this?“: this can occur due to several reasons:
- PHP memory limit is too low (here is how to increase PHP memory limit).
- You are trying to upload the full zip file instead of just the installable theme
- The upload_max_filesize isn’t large enough. You need to update your php.ini file to increase the value
3. “#005_FILE_NOT_FOUND“: Since we no longer include demo data in the theme folder (for smaller theme package size), if you encounter this 005 error when importing demo data, please try the following solution:
- Visit Dashboard > Plugins and make sure Thim Core plugin is up-to-date
- Visit Course Builder > Plugins and find Thim Course Builder plugin. Try to install and activate this one again.
Customization cannot be saved?
When you make changes in Appearance > Customize setting but the changes cannot be saved, there are some common reasons:
- “500 Internal Server”: Read this blog to know how to fix it.
- Users of server (e.g Apache, Nginx) cannot write file: let chmod file style.css and config.less (in theme directory) be 777.
- Your PHP version is outdated: update PHP version 7.0 or higher.
Will customization be lost if I update theme?
No, your customization in Appearance > Customize will not be lost when you update the theme. Only the code modifications in the original theme files will be lost and that’s why you should deploy in child-theme.
How to customize the registration confirmation email?
You can customize the default welcome email sent by WordPress by using a 3rd party plugin called SB Welcome Email Editor.
How to improve site speed?
We have a blog about what affects site speed and how to improve site speed. Please check it here
How to translate my site?
We usually recommend using Loco Translate plugin. Check this guide to know how to translate your site and also how to troubleshoot if the translation does not show
How to get license key of included premium plugins Visual Composer?
You are able to use included premium plugins such as Visual Composer for free when you purchase our themes on ThemeForest. You don’t have to buy your own license to use these plugins.
As a policy from the plugin’s author, you will not get updates directly from them. But you will always get the latest version of Visual Composer when we update the theme. We ensure that they are always compatible with our theme.
There are also sticky tickets we post on our support forum. If you cannot find the answer for your problem, don’t hesitate to contact us by submitting a new ticket.
8.Support Service
When purchasing our themes, you will receive free 6-month support service for problems regarding the theme. Once your free support service expires, you can renew your support service to 12 months. But no matter whether your support service expires or not, you always receive free life-time updates for the theme and plugins.
We really care about our customers and guarantee to response to all questions within 48 hours since your support ticket is created.
Regarding the requests about Customization and 3rd-party plugins, we provide a Customization Service at a fee.
8.1.Support Forum
ThimPress forum is our main resource for supporting customers. To reach us:
Step 1. Click here to create your account. We will ask for your Themeforest purchase code.
Step 2. Go to Course Builder support forum and create your topic.
Before submitting a ticket on our support forum, please do all the following requirements:
- Refer documentation.
- Read changelog and make sure that your site is running the latest version of Course Builder theme.
- Disable all 3rd-party plugins because they may be the reasons causing issues.
- Clear caches after changing any setting on your site.
9.EDIT WITH PAGE BUILDER
9.1.Elementor
9.1.1.Header
9.1.1.1.Header
Header
To edit those widgets, you can go to your Dashboard => Appearance => Widgets => “Header right”
9.1.1.2.Logo
Please go to Dashboard => Appearance => Customize => General => Logo.
9.1.1.3.Main Menu
To edit it, please go to Dashboard => Appearance => Menus => Select the “Main menu”
To change the Layout and Palette, you need to edit it in Dashboard => Appearance => Customize => Header => Layout and Main Menu
9.1.2.Home Page
To edit blocks on the homepage, please go to Homepage => Edit With Elementor, click on the block which you want to edit, and edit it on the Elementor editing panel.
9.1.2.1.Icon box
Here, you can select the type of icon, upload icon, title icon, description icon and link icon
9.1.2.2.Course collection
You can select the layout, set title, description,…
9.1.2.3.Our typical courses
You can show course by popular, lastest and category.
9.1.2.4.About our become a teacher service
You can set title, layout, image and step description
9.1.2.5.Everything is Teachable
You can edit the layout, heading title, heading subtitle, and upload icon heading
9.1.2.6.Photo wall
You can edit images, image titles, image description and image link
9.1.2.7.Button Get started in seconds
You can edit button title, button link, and select size for the button
9.1.3.Footer
9.1.3.1.Footer
- To edit Footer section, you go to you Dashboard => Appearance => Widgets => Footer => “text” widgets => Edit it in “text” tab.
These are our default texts of text widgets on the footer sidebar 1 and footer sidebar 6 :
- Footer sidebar 1:
<ul> <li><i class="fa fa-envelope-o"></i> <a href="mailto:[email protected]">[email protected]</a></li> <li><i class="fa fa-phone"></i> <a href="tel:0122456789">+ (0122) 456 789</a></li> <li><i class="fa fa-fax"></i> + (0123) 456 789</li> <li><i class="fa fa-map-marker"></i> No 200 Joseob, Canada.</li> </ul>
- Footer sidebar 6:
<ul> <li><a href="http://wordpresslms.thimpress.com/element-1/#app-store"><img class="alignnone wp-image-61 size-full" src="http://wordpresslms.thimpress.com/wp-content/uploads/sites/16/2017/06/layer-138.png" alt="" width="132" height="47" /></a></li> <li><a href="http://wordpresslms.thimpress.com/element-1/#google-play"><img class="alignnone wp-image-60 size-full" src="http://wordpresslms.thimpress.com/wp-content/uploads/sites/16/2017/06/layer-131.png" alt="" width="132" height="47" /></a></li> </ul>
9.1.3.2.Below footer
To edit Footer section, you go to you Dashboard => Appearance => Widgets => Below Footer
9.1.3.3.Copyright
- Copyright text: Please go to Dashboard => Appearance => Customize => Footer => Copyright => Copyright text.
- Menu Privacy: Please go to Dashboard => Appearance => Menu => Copy right
9.2.WP Bakery
Please go to Dashboard => Visit site => Edit with WP Bakery
9.2.1.Header
9.2.1.1.Header
To edit those widgets, you can go to your Dashboard => Appearance => Widgets => “Header right”
9.2.1.2.Logo
Please go to Dashboard => Appearance => Customize => General => Logo.
9.2.1.3.Main Menu
To edit it, please go to Dashboard => Appearance => Menus => Select the “Main menu”
To change the Layout and Palette, you need to edit it in Dashboard => Appearance => Customize => Header => Layout and Main Menu
9.2.2.Home page
9.2.2.1.Icon box
To edit the Course Collection section, you can edit the homepage with the WPBakery page builder. Then you edit the Icon box widget.
9.2.2.2.Course collection
To edit the Course Collection section, you can edit the homepage with the WPBakery page builder. Then you edit the Course Collections widget.
9.2.2.3.Our typical courses
To edit the Our typical courses section, you can edit the homepage with WPBakery page builder. Then you edit the Our typical courses widget.
9.2.2.4.About our become a teacher service
To edit About our become a teacher service section, you can edit the homepage with WPBakery page builder. Then you edit About our become a teacher service widget.
9.2.2.5.Everything is Teachable
To edit the Everything is Teachable section, you can edit the homepage with the WPBakery page builder. Then you edit the Everything is Teachable widget.
9.2.2.6.Photo wall
To edit the Photo wall section, you can edit the homepage with the WPBakery page builder. Then you edit the Photo wall widget.
9.2.2.7.Button Get started in seconds
To edit the Button section, you can edit the homepage with the WPBakery page builder. Then you edit the Button widget.
9.2.3.Footer
9.2.3.1.Footer
- To edit Footer section, you go to you Dashboard => Appearance => Widgets => Footer => “text” widgets => Edit it in “text” tab.
These are our default texts of text widgets on the footer sidebar 1 and footer sidebar 6 :
- Footer sidebar 1:
<ul>
<li><i class="fa fa-envelope-o"></i> <a href="mailto:[email protected]">[email protected]</a></li>
<li><i class="fa fa-phone"></i> <a href="tel:0122456789">+ (0122) 456 789</a></li>
<li><i class="fa fa-fax"></i> + (0123) 456 789</li>
<li><i class="fa fa-map-marker"></i> No 200 Joseob, Canada.</li>
</ul>
- footer sidebar 6:
<ul>
<li><a href="http://wordpresslms.thimpress.com/element-1/#app-store"><img class="alignnone wp-image-61 size-full" src="http://wordpresslms.thimpress.com/wp-content/uploads/sites/16/2017/06/layer-138.png" alt="" width="132" height="47" /></a></li>
<li><a href="http://wordpresslms.thimpress.com/element-1/#google-play"><img class="alignnone wp-image-60 size-full" src="http://wordpresslms.thimpress.com/wp-content/uploads/sites/16/2017/06/layer-131.png" alt="" width="132" height="47" /></a></li>
</ul>
9.2.3.2.Below footer
To edit Footer section, you go to you Dashboard => Appearance => Widgets => Below Footer
9.2.3.3.Copyright
- Copyright text: Please go to Dashboard => Appearance => Customize => Footer => Copyright => Copyright text.
- Menu Privacy: Please go to Dashboard => Appearance => Menu => Copy right