Thank you for purchasing our Nori - Education & Online Course WordPress Theme. We are happy that you are one of our customers and we assure you will not be disappointed. We do our best to produce top notch items with great functionality, premium designs, and clear code.
Nori is a WordPress Theme, mainly focused on Education niche. It is a clean and modern Education Theme. It’s suitable for any university, online course, motivation, photography, school, kindergarten and distance learning institution to get you started with ease. This theme comes packed with tons of pre-built section blocks to choose from which lets you build your own website without messing around too much. It's pages are easy to edit, making it perfect for customizing it the way you need, such as an SEO-optimized site.
Thank you for purchasing our theme. If you have any questions that are beyond the scope of this documentation, please feel free to contact us via email. Thanks so much!
There are system requirements in order to install and setup Nori theme and its components properly. Make sure that you are running the latest version of WordPress, PHP version 5.6 or higher and MySQL version 5.6 or higher. We also recommend the following PHP configuration limits. https://wordpress.org/about/requirements/
Minimum server configuration
max_execution_time = 300;
upload_max_filesize = 128M;
post_max_size = 128M;
max_input_time = 300;
memory_limit = 256M;Get the Nori Theme installation package from your account(after login on Themeforest.net) at downloads page and save it to your computer.
Step 1 - Login to your WordPress Dasrdoard.
Step 2 - Go to Appearance > Themes. Click Add new button, located at the top of the screen or Add New theme ( see screenshots below ).
Step 3 - Click on Upload button at the top of the screen.
Step 4 - Choose Nori.zip.
Step 5 - Wait while the theme is uploaded and installed then activate the theme.
Step 1 - Log into your Hosting server using an FTP client (like FileZilla ).
Step 2 - Locate Nori.zip that you found in your ThemeForest Package and unzip it somewhere on your hard drive. Once it is unzipped it will look like a folder named Nori with all theme files in it.
Step 3 - Locate your Wordpress installation and upload the theme directory Nori (you unzipped in the previous step) into ../wp-content/themes/ in your Wordpress installation.
Step 4 - Click on the Activate button to activate Nori. Congratulations, you have now activated Nori successfully! You can now proceed with Nori Plugin Installation.
Step 1 - After activating the theme a notice should appear on the top of the screen, click on begin installing plugins ( see screenshots below ).
Step 2 - Select all the plugin,change Bulk Actions drop to Install then click apply ( see screenshots below ).
Step 3 - Congratulation you are ready to use Nori, check the First Steps part of our documentation to see what you may want to do before starting to edit your WordPress Site.
Step 1 - Log into your WordPress Dasrdoard.
Step 2 - Go to Tools > Import. Then click on WordPress ( bottom of the list ).
Step 3 - A window should appear click the Install now button which is on bottom right.
Step 4 - Click Activate plugin & Run Importer. Then choose the content.xml file and click upload file and import Do not interrupt/cancel the import process!
Step 5 - Done! But you still need to set the Menu, Homepage.
Step 1 - Log into your WordPress Dasrdoard.
Step 2 - Go to Appearance > Theme Options > Import/Export and import theme options(theme-options.json) .
Step 1 - Log into your WordPress Dasrdoard.
Step 2 - Install plugin Widget Importer & Exporter.
Step 3 - Go to Tools > Widget Importer/Exporter and import widget(widgets.wie) .
Nori demo theme contain 10 Home pages, If you installed you don’t need to select or change the Home Page,
Step 1 - After theme installation you need to import demo data to have starting point for website creation. With our themes it is very easy to do, just one Click. Go toAppearance > Import Demo Data
Step 2 - Choose the demo you want to install using LearnPress or Tutor LMS plugin and click on the (Import Demo ) button below.
Step 3 - Now, you need to click on Continue & Import button to import all the demo content. It might take up to 5-10 minutes depending on your internet speed and hosting service to import all the demo content.
Nori demo theme contain 10 Home pages, If you installed you don’t need to select or change the Home Page,
You can download the latest version of the Nori.zip at your downloads page, after downloading there are 2 ways of updating the theme manually:
Updating via WordPress
Step 1: Navigate to Appearance > Themes
Step 2: Deactivate Nori theme by activating a default WordPress theme, such as; Twenty Fifteen, Twenty Seventeen. The reason for this action is to enable the deleting functionality - WordPress does not allow to delete the active theme.
Step 3: Now you will be able to delete the Nori theme, by selecting the Theme Details and then clicking on Delete (Right Bottom Corner). This won't remove the previous theme options, so the information will not alter once you install the newest version.
Step 4: Press Add New on this same page, then select Upload Theme, find the “nori.zip” file on your computer and click Install Now button.
Step 5: Deactivate nori_core plugin and remove it, Then Re-install from the appear notice on the top of the screen, click on begin installing plugins.
Updating via FTP
Step 1: Connect to your hosting via an FTP software
Step 2: Unzip the Nori.zip file on your computer
Step 3: Upload the extracted “nori.zip” folder to wp-content/themes/nori, the theme will be updated by overwriting all the files of the previous version.
Step 4: Browse to wp-content/plugins/
Step 5: Delete and override the “nori_core.zip” folder files with the new ones downloaded in folder plugins.
Nori themes use The World's Leading WordPress Website Builder: Elementor. If you're just getting started with Elementor, it's strongly recommended you go through their knowledgebase: https://elementor.com/getting-started/
Step 1 - Log in to your WordPress Administration Panel.
Step 2 - Click on Pages > Add New.
Step 3 - Click the Add Title text to open the text box where you will add your title.
Step 4 - Click on (Edit with Elementor) button.
A section is the most basic element that you can work with. It’s the building block of every page. A section can be set as full width and spread all over the screen, or receive the content area width (by default).
After you create a section you can drag and drop a widget inside. You can also divide each section to few columns. Every page you create can contain as many sections as you want. You can drag a section above or under another one to relocate it.
Add New Section: Click this button to create a new section or simply drag a widget from the panel and drop it in the content area.
Select Yout Structure: Choose a structure for your section (Later, you can edit the exact width of every column).
You can edit, duplicate or delete a section. You can also save it as a template or add a new section above.
Step 1 - Choose an any widget, drag and drop it from the left area to the right panel.
Click the content to edit, duplicate or delete a widget. You can also save it as a Global Widget. Add Widget: Drag a widget from the left panel and drop it into a column.
Step 2 -To edit a widget, click the pencil icon.
Step 3 -On the Panel header, you can choose to edit the widget’s content and style.Every widget has a different setting.
Step 4 - You can save your current changes at any stage.When you have finished designing, click the ‘X’ button at the bottom panel and view the page.
margin & padding option - When you edit the section, you can edit the margin and padding section options.
You can add column content animation for row. Simply open the column settings and go to Advanced tab, then animation section. You can adjust the settings as you like:
Step 1 - Go to your page, Click on the Edit This Section (pencil icon)
Step 2 - Select layout tap
Step 3 - Select row style of this row, position separator (top - bottom - top and bottom), color separator then click Save changes
Step 1 - Go to your page / post, first activate the backend editor and click Add Element
Step 2 - Select the Section Module
Step 3 - Click on the Edit This section
Step 4 - Click on Style tab , then select Background color
Background Mode If you add dark color to background section, and you want to change the content to fix this dark background, you can selct (Dark) from section option mod.
Step 1 - Go to your page, and click Add section
Step 2 - Select the section Module
Step 3 - Click on the Edit This section
Step 4 - Add parallax type background for row (Note: If no image is specified, parallax will use background image from Design Options).
Step 5 - Click on Style tab, then add a Background Image change the attachment option to Fixed and then Saves changes
Step 6 - Update or Publish your page and you should now have a section with Fixed background
If you installed Nori Demo Data, you don’t need to create a new Home Page, you just need to choose from the list Home Pages that were automatically created from the demo content, following these steps:
Save all your changes!
Step 1 - Login to the WordPress Dasrdoard.
Step 2 - From the 'Appearance' menu on the left-hand side of the Dasrdoard, select the 'Menus' option to bring up the Menu Editor.
Step 3 - Select Create a new menu at the top of the page.
Step 4 - Enter a name for your new menu in the Menu Name box.
Step 5 - Click the Create Menu button.
Your menu is now defined, and you can now add pages to it (steps below).
The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts are hidden by default. The Screen Options are located in the top right corner of your WordPress Dasrdoard.
Step 1 - Locate the pane entitled Pages.
Step 2 - Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
Step 3 - Select the Pages that you want to add by clicking the checkbox next to each Page's title.
Step 4 - Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
Step 5 - Click the Save Menu button once you've added all the menu items you want.
Your custom menu has now been saved.
Once you've created a menu and filled it with items, it's time to assign it to one of the theme pre-defined locations.
Step 1 - Go to Appearance > Menus and click Manage Locations.
Step 2 - Assign each Theme Location with a menu. You can assign menus to multiple Theme Locations.
Step 3 - Click the Save Changes button.
Nori features Mega Menus. The mega menus are available only for top level navigations items only in "Main Menu" area.
Follow the steps below to create a mega menu:
Step 1 - Add a an item to the menu editor. This has to be a top level item!
Step 2 - Click on arrow icon in the top right-hand and exapnd.
Step 3 - Seclect the columns number you want to use (from 2 to 4) in Submenu Type.
Step 4 - Now, you need to add child menu items, which will represent columns in the mega menu.
First level of child items will represent Titles in each of 3 columns.
Add 3 sub child menu items, like on the image below.
Step 5 - Now, add child items to each of those columns. This will represent your actual sub-menu pages. Take a look at the image below.
Step 6 - If you want to Remove the Titles (First Column, Second Column Third Column) Go back to the Mega menu setting and check Hide Mega Menu heading.
For each page you can change the Meun and header style. please go to Go to your page (ex:homepage) > scroll to (page option) section > (Header) tab > Select Menu.
Home OnePage aims to focus the user's attention to the content that they want. When you choose an item on Main Menu of OnePage, it immediately navigates to the section that you've chosen
If you want to build your Home OnePage please consult our guide below:
Step 1 - You just have to create a Menu with Links as items.
Step 2 - Go to your homepage, anywhere you want the menu item to navigate to section, please edit row by Elementor Builder and type id on field: Row ID
theme comes with Custom widget created specially for the theme.
To set the Widget go to Appearance > Widgets.
Step 1 - Log in to your WordPress Administration Panel (Dasrdoard).
Step 2 - Click the 'Portfolio' tab.
Step 3 - Click the 'Add New' sub-tab.
Step 4 - Start filling in the blanks: enter your portfolio title in the upper field, and enter your portfolio body content in the main post editing box below it.
Step 5 - Add categories to your item, the tags will be used as a filter on Portfolio Template pages.
Step 6 - Upload a featured image for your portfolio item then publish it.
Step 7 - Scroll down until you see the Portfolio Settings to Select thumbnail Link Type .
Step 8 - To create your portfolio content using Elementor, click on Edit with Elementor button.
Step 1 - Log in to your WordPress Administration Panel (Dasrdoard).
Step 2 - Click on Pages > Add New.
Step 3 - Give your page a name then Change the Editor to Elementor Editor, click on Edit with Elementor button.( you need to have the Elementor Builder plugin activated )
Step 4 - Add Portfolio Widget
Step 6 - The Portfolio Settings should appear. You can customize the Portfolio by modifying the settings
Step 7 - After finishing, Publish the page.
Nori Theme provides complete support of popular LMS(Learning Management System) plugin LearnPress. If you want to know more about LearnPress then read the articles below.
you can create, edit or add a new course or lesson from Course > Add New Course. There are many options in the “Course Settings” section for you to configure your course.
In this setting you can see the list of all quizzes in the course. You can edit, delete, Add an new quiz from here. Follow the video below.
In this setting you can see the list of all questions in the course. You can edit, delete, add an new Questions from here. You can find out which Questions is assigned with which course from LearnPress > Quizzes > New Quiz.
From here you can see how many order you have. You can see that how many courses has been sold out from your site. And who is the buyer. And you can see the order status if they are completed or processing.
In this section you can see the course categories list. You can add new categories or edit existing categories from here.
In this section you can see the course Tags list. You can add new Tags or edit existing Tags from here.
From here you can see the statistics of your site. You can see how many people has visited on your site and you can also see course statistics, order statistics etc.
From here you can install add-ons such as assignment add-ons etc. There are few add-ons that are for free. And most of them are paid for LearnPress LMS plugin.
In the general settings of the LMS you can set the pages like the checkout page, profile page, terms and condition page and many more from the page setup. See the screenshots below.
You can also find currency settings in general section. You can select your currency, currency position, thousands separator, decimal separator and The number of decimals from here. See the screenshots below.
If you wanted to know about more settings of LearnPress Setting follow the video below.
The archive settings learnpress course from Appearance > theme options > Course (learnPress) > Courses Archive.
This Option panel change learnpress course single page settings from Appearance > theme options > Course (learnPress) > Course single.
In this setting you can show the list all courses of your education website. From here you can edit courses, delete courses, add new courses etc. You can edit course's name slag etc.
From here you can see all categories. You can also add, delete, edit categories from here.
In this setting you can see the list of all tags. You can edit, delete, add new tags from here.
From here you can see how many students you have, and the students who have purchased.
Using this setting you can make an announcement for the students. You can edit, delete, or add a new announcement from here.
You can see how many Quiz attempts were happened on your education site.
Using this Q & A setting you can see how many Q & A sessions have been done on your education site.
From here you can use addon of tutor LMS. But you can only use these add-ons if you buy Tutor Pro LMS.
The archive settings tutor course from Appearance > theme options > Course (Tutor) > Courses Archive.
This Option panel change tutor course single page settings from Appearance > theme options > Course (Tutor) > Course single.
Step 1 - Navigate to Events Manager > Events > Add New.
Step 2 - Add the title of your event then setup all the details in Event Settings.
Note: Go to Events Manager > Bookings to see the number of booking for each event (ID).
Step 3 - setting of the event, go to Events Manager > Settings. Here you'll have 4 tabs: General, Pages, Emails, Checkout to setup your event.
Step 1 - Navigate to Events > Events > Add New.
Step 2 - Add the title of your event then setup all the details in Event Settings.
Step 3 - add the events calendar setting (Time & Date, Location, Organizers, Event Website, Event Cost).
Nori Theme provides complete support Video Conferencing with Zoom plugin.
Step 1 - First, you need to activate the plugin Video Conferencing with Zoom.
Step 2 - Step 2: Navigate to Zoom Meeting > Settings, then you need to create a Zoom API Key. Click on this guide and follow the instruction.
Step 3 - After pasting the API Key and API Secret Key into the Zoom Meeting settings page, scroll down and click Save Changes, then click Check API connection, you should have API worked now.
Step 4 - In order to Add Meetings, follow the guide at the Zoom Conference Page
Step 1 - Log in to your WordPress Administration Panel (Dasrdoard).
Step 2 - Click on Pages > Add New.
Step 3 - Click on Edit with Elementor button ( you need to have the Elementor Builder plugin activated )
Step 4 - Select the Blog Wigdet.
Step 5 - After finishing, Publish the page.
Step 1 - Log in to your WordPress Administration Panel (Dasrdoard).
Step 2 - Click on Posts > Add New.
Step 3 - Give your page a name then add Categories, Tags and Featured Image.
It's recommended you only use Elementor for design-heavy blog posts. Once you create your content using Elementor, there's no coming back to the default editor.
To create your content using Elementor, edit the post and click on Edit with Elementor button.
For each page you can change the title style, title background color, select to use a slider and much more! Check the screenshot and read the documentation to see how it works
Body Layout - Select body layout for page ( Boxed - Wide - Lines ).
Container Width - Select container width layout for page ( 1170px - 1240px - 1440px).
Mouse Cursor - Select mouse cursor for page ( Style1 - Style2 - Style3 - Style4).
Theme Color - Select theme color for page (Blue - Purple - Orange - Rose - Green).
Theme Primary Font - Select theme primary font for page (Roboto - Syne - Cabin - Inter ... ).
Body Background - Select body background for page.
Select Header - Select header layout for page.
Logo - Select an image logo for page.
Select Menu - Select menu for page.
Select Position - Select position menu for page.
Disable Stick Menu - Disable Stick Menu for page.
Background - Select Background title bar for page.
Select page title - Select style title bar for page ( No page title - Page title V2 - Page title V3 - Page title V4 - Page title V5 ).
Sup Title - Can add sup title for page.
Select Footer - Select footer layout for page ( Footer V1 - Footer V2 - Footer V3 - Footer V4).
The theme comes with an extensive Theme Options Panel. From the Theme options panel you will be able to set or change the color of the theme, layout, header style, social icons and a lot more. You should take the time to go through all of these options to ensure that you are getting the most out of the theme.
Click Appearance > Theme Options to access the Theme Options Panel.
Layout - Body layout with wide or boxed.
Page Loader - Enable/Disable page loader.
- For each page you can change ( Body Layout - Container Width - Mouse Cursor ) from page > page option.
Theme Stylesheet - Set stylesheet to change colors.
Body Background - Body background with image, color, etc.
Primary Color - Set primary color.
Secondary Color - Set secondary color.
- For each page you can change theme color from page > page option > general teb > theme color option.
Body Font Options - Set value of Font Family, Font Subsets, etc.
H1/H2/H3/H4/H5/H6 Font Options - Set value of Font Family, Font Subsets, etc.
- For each page you can change theme primary font type from page > page option > general teb > Primary font & socondary font.
Logo - Select an image file for your logo.
favicon - go to Appearance » Customize and click on the ‘Site Identity’ tab.
- For each page you can change logo from page > page option > header tab > logo.
Header Layout - Select header layout in your site.
- For each page you can change header from page > page option > header tab.
Fixed - Enable/Disable fixed menu.
Stick - Enable/Disable stick menu.
First Level Font Options - Set value of Font Family, Font Subsets, etc.
Sub Level Font Options - Set value of Font Family, Font Subsets, etc.
Background - Seclect background for menu.
Background Sub Level - Seclect background for dropdown menu.
Nori Theme comes with different Footer Layout. We've also created Elementor Footer Builder Option. You can simply go to your Dashboard and navigate to Footers. Here you can create different types of Footer with Elementor. Here you'll find all the Nori default Footer layouts and all the Footer names which have been created with Elementor. All you need to select your preferred Footer Layout. You can also enable/disable Footer Scroll To Back Top Button option and fixed Footer.
- For each page you can change Footer from page > page option > footer tab.
Dimensions (Height) Option - Enter the value of Height for Title Bar.
Padding - Enter the value of padding for Title Bar.
Background - Seclect background for Title Bar.
Canvas Style - Seclect canvas style for Title Bar ( Snow - Particles - Animator ).
Title Bar Heading - Set value of Font Family, Font Subsets, etc.
Title Bar Path - Set value of Font Family, Font Subsets, etc.
Sub Text - Enter sub text of Title Bar.
Sub Text Format - Set value of Font Family, Font Subsets, etc.
Delimiter - Enter Delimiter of page breadcrumb in Title Bar.
- For each page you can change the title bar from page > page option > Title Bar tab.
Select Layout - Select layout of blog.
Content Column - Enter class bootstrap content column.
Sidebar Right Column - Enter class bootstrap content column.
Read More Text - Enter text of label button read more in blog.
Show share - Show or not share on your single blog.
Show Navigation - Show or not post navigation on your single blog.
Show Author - Show or not post author on your single blog.
Show Comment - Show or not post comment on your single blog.
Show Page Comment - Show or not page comment on your page.
You can do step by step as image below to build contact form
You can visit Contact Form 7 Plugin to further details.
Or copy and paste content to Form field like this:
Example: Value Content for Contact form
Step 1 Go to MailChimp for WP > MailChimp Settings
Step 2
Step 3
Step 4
Step 5
Step 6
Nori themes is 100% compatible with the WooCommerce plugin for WordPress. It includes full design integration of the WooCommerce pages, shortcodes and widgets.
If you want to use Woocommerce you will have to install the plugin, to do so go to Plugins > Add New , search for Woocommerce. The Plugin you need to install is WooCommerce - excelling eCommerce by WooThemes
For full documentation visit the following websites:
Updating the theme via WordPress is very similar to the install process via WordPress.
Follow the steps below to update your theme via WordPress:
Step 1 - Log into your WordPress Dasrdoard.
Step 2 - Go to Appearance > Themes.
Step 3 - Deactivate the Nori Theme by simply activating a different theme. Once you activate a different theme, you can delete the Nori theme.
Step 4 - Delete the Nori Theme. Do not worry, your content will not be lost!
Step 5 - Then simply upload the new Nori.zip” file in the Appearance > Themes section. Click on the Install Themes tab at the top and choose to upload the zip file. You have this step explained in section: Theme Installation via WordPress.
Updating the theme via FTP is very similar to the install process via FTP.
Follow the steps below to update your theme via FTP:
Step 1 - Go to .../wp-content > themes location on your server using a FTP client and backup your "Nori" theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.
Step 2 - Download the new version of Nori theme from your Themeforest and retrieve Nori folder by unpacking the zip that you download from Themeforest and Nori_(version.number).zip.
Step 3 - Then simply drag and drop the new "Nori" theme folder into .../wp-content > themes location. Choose to “Replace” the current one if you did not delete it.
Step 4 - Log into your WordPress Dasrdoard, go to Appearance > Themes and activate the new Nori theme.
If you have any questions that are beyond the scope of this documentation or have any troubles configuring your website applications with the above settings you can contact the MotivoWeb Support Team by signing up and submit a new topic. MotivoWeb Support Team will be glad to assist you.
Please Send Email: suport@motivoweb.comThanks so much for purchasing Nori!
