1.Installation
1. Via WordPress
Follow these steps below to install the Edusmart theme via WordPress: Step 1. Visit Dashboard > Appearance > Themes > Add New. Step 2. Click Upload Theme. Step 3. Browse the edusmart.zip file (not the theme package zip file) on your computer and click Install Now. Step 4. Activate Edusmart theme. Step 5. Enable Thim Core to activate the core of Edusmart and start importing the demo data process.
2. Via Ftp
Follow these steps below to install Edusmart theme via FTP: Step 1. Login your FTP account via FTP software to access your host web server. Step 2. Extract edusmart.zip file. Step 3. Upload the extracted folder edusmart to the wp-content/themes folder. Step 4. Activate Edusmart theme in Dashboard > Appearance > Themes. Step 5. Enable Thim Core to activate the core of Edusmart and start importing the demo data process.2.Getting Started
Once you successfully install and activate Edusmart theme, Edusmart Dashboard will be added to your WordPress menu.
Now you can get started to set up your site with Edusmart.
1.Import Demo
Thim Core Demo Importer
Thim Core is a required plugin for the Edusmart theme. This plugin is a demo importer that imports all posts/pages, sample sliders, widgets, customization, and more.
Follow these steps below to import demo via Thim Core:
Step 1 – Visit Dashboard > Edusmart > Import Demo.
Step 2 – Hover on the demo you want and click Install
Step 3 – Select what type of content you want to import and click Import.
The importing process may take up to 5 minutes.
Note:
- On each website, you can only use one demo
3.Customize
You can customize your website in Dashboard > Appearance > Customize.
This section will guide you over all the customization part for Edusmart
General
1. Logo
You can select the Logo,Sticky Logo, Site icon, and Logo width.
Logo: When you select Logo Image, it will displays here.
The sticky logo will be displayed in the sticky menu.
Site Icons are what you see in browser tabs, bookmark bars, and WordPress mobile apps. Site Icons should be square and at least 512 × 512 pixels.
2.Theme Color
Theme color allows you to set up the color skin on your website. You can change the primary and secondary colors, set the link color and set up the buttons.
If you select the Default option for the color skin, you will have the original color options that go with the theme. But if you select the Custom color option you will be able to set your own color scheme. You can change:
Primary color – it will change the color of some major elements, and highlights of the opened page in the menu:
Course title when hovering over it:
Background Main Color:
Price color:
3. Typography
This is the customization for Typography.
In the Typography section, here are all the options that you will need to set up fonts for different parts of your site.
Select the font, and set its variant, size, line height, and color for:
- Body: Main body text.
- Heading Font-Family: Heading text.
- Select variants fonts: Allows you to select multiple variants for font body and headings.
In addition, the typography allows you to set u p a ll the heading styles (from H1 to H6).
4. Extra Features
Back to top: When the Back to top option is enabled/disabled, the external interface of the website will be displayed as shown below.
Preloading: You can choose the icon to display when the page loads.
Header
Layouts allow you to select the size for the header.
- Size: Allows you to select the size layout for the header layout.
Size: Default
Size: Full width
2. Main Menu
Main Menu allows you to configure font and select color for background color, text color, and mobile menu color
3. Sticky Menu
Sticky Menu allows you to enable/disable the sticky menu and select a color for the sticky menu.
Sticky Menu allows configuring a sticky menu and editing the colored background, colored text, and colored text on hover.
- Sticky on scroll: When the option is enabled, the menu remains visible as the visitor scrolls up and down a web page.
When you choose the config style as “the same with main menu”: Your menu will not change when you scroll down.
Blog
1. Archive
Archive Page allows you to select layout, the number of columns, use grid/list template, column grid, show/hide page titles, breadcrumbs, top image, and color of background, title, subtitle.
- Layouts: There are 3 types of layout display.
The first image below is when you choose the sidebar style displayed on the left:
When you choose the sidebar style to show on the right, see the image shown below:
Finally, you can choose to hide the sidebar.
- Hidden Page Title: Allows you to hide or show the page title on the heading top.
- Hidden Breadcrumb: Allows you to hide breadcrumbs on the page title.
- Show switch layout Grid/List Teamplate Default: If this option is enabled, your blog page will display a grid/list of templates.
- Column Grid: Allows you to select column grid.
2. Singular Pages
Singular Page allows you to select a layout, color and top image, enable/disable breadcrumbs, and related posts.
The options are the same in the Archive Page’s Blog section.
- Related Posts: Turn on to show related posts.
- Meta Tags allow you to show or hide year, author, date, category, comment number, and tag.
4.Social Share
Course
1. Archive Page
Archive Page allows you to select a layout, style and color, show/hide title, breadcrumb, description, popular course, course filter, and sort.
- Layout: There are 3 layout styles.
The sidebar is on the left:
The sidebar is on the right:
And no sidebar:
- Hide Title: Check this box to hide/show the title.
- Hide Breadcrumbs: Hide breadcrumbs by enabling this option.
If you disable this option, breadcrumbs will still be visible:
2. Single Page
Display Related Course: On/Off
Events
- Hide Title: Check this box to hide/show the title.
- Hide Breadcrumbs: Hide breadcrumbs by enabling this option.
Change Order Tab: Tabs displayed on the page
Woocommerce
You can configure the product page here: Store Notice, Product Catalog, Archive Pages, Single Pages, Product Images, Checkout.
1. Archive pages
- Layout: There are 3 layout styles.
The sidebar is on the left:
The sidebar is on the right:
And no sidebar:
2. Single pages
The options are similar to those for the Archive page.
3. Store Notice
If enabled, this text will be shown site-wide. You can use it to show events or promotions to visitors!
4.Edit With Elementor Page Builder
Home Page
- To edit blocks on the homepage, please go to Homepage => Edit With Elementor, click the block you want to edit, and edit it on the Elementor editing panel.
Footer
- Please go to Dashboard => Thim Elementor => Footer => Edit with Elementor.
Post
In addition to existing blog pages, you can also create new blog pages with Elementor.
You can go to Thim Elementor -> All Templates -> Archive Post or Single Post.
There will be available Blog pages here. Create a new blog page by clicking Add new, then a new Template form will appear.
Select the fields for your template (select the type, template name, conditions, select layouts) and press Create template.
Note: It is not required to choose an existing layout, you can create your own layout if you want.
You will be redirected to the editing interface with Elementor.
Course
- To edit the course elements such as Course overview, lessons, quizzes, … with Elementor, you need to enable Elementor’s editing permission.
- Please go to Dashboard => Elementor => Settings => General => Enable in post types you want => Save changes.
5.Recommended Image Size
To decrease your data storage, you should use the minimum size for your image. You can use the below size:
Header images: 1841 x 514 px.
Course, blog featured images: 870×580 px.
Slider Revolution on the homepage: 1920 x 1280 px.
Category icon images: 64 x 64 px.
Background image heading for category: 150 x 100 px.
6.Support Service
When purchasing our themes, you will receive free 6-month support service for problems regarding the theme. Once your free support service is expired, you can extend your support service to 12 months. But no matter whether your support service is expired or not, you always receive free life-time updates for the theme.
We really care about our customers and guarantee to response to all support questions within 48 hours since your support ticket is created.
Regarding the requests about Customization and 3rd-party plugins, we provide you a Customization Service at a fee.