1.DONWLOAD AND INSTALL PLUGIN
Thim Elementor Kit plugin is integrated with Elementor plugin. So to use this plugin, you need to activate Elementor plugin.
1.1.Via Wordpress search
Follow the below steps to install our Elementor Thim Kit plugin via WordPress Plugin Search:
- Step 1. Visit Dashboard > Plugins > Add New
- Step 2. Type ‘Elementor Thim Kit’ on the search bar
- Step 3. You will see Elementor Thim Kit. Click Install Now
- Step 4. Activate Elementor Thim Kit plugin.
1.2.Via Wordpress admin plugin upload
You also can install the plugin Elementor Thim Kit using the upload option in the admin area.
First, you need to download our plugin Elementor Thim Kit from here: https://wordpress.org/plugins/
The plugin file must be a .zip file. Follow the below steps to install Elementor Thim Kit plugin via WordPress Admin Plugin Upload:
- Step 1. Visit Dashboard > Plugins > Add New > Click button “Upload Plugin”
- Step 2. Click the button “Choose file” then select the Elementor-Thim-Kit.zip file on your computer and click Install Now.
- Step 3. Activate Elementor Thim Kit plugin.
1.3.Via FTP
The third way to install the Elementor Thim Kit plugin is using FTP. First, you need to download our plugin LearnPress from here: https://wordpress.org/plugins/ The plugin file must be a .zip file. Follow the below steps to install Elementor Thim Kit plugin via FTP:
- Step 1. Login your FTP account via FTP software to access your host web server
- Step 2. Extract Elementor-Thim-Kit.zip file
- Step 3. Upload the extracted folder Elementor Thim Kit to wp-content/plugins folder
- Step 4. Activate Elementor Thim Kit plugin in Dashboard > Installed Plugins.
2.SETTINGS
3.CREATE A NEW TEMPLATE AND SELECT PAGE
4.Edit page and add widgets
4.1.Global Widgets
4.1.3.Thim Testimonial
4.1.5.Thim List Blog
4.1.7.Thim Course
4.1.8.Thim Breadcrumb
4.2.Header
To edit the Header, you must first enable the Header builder in Thim ElementorKits Settings.
Please go to Dashboard => Thim Elementor => Settings => Modules => Enable Header Builder
To edit the Template name, Conditions, please Choose Edit. This will display a popup like a picture below:
If you choose to enable sticky, the Sticky menu will display.
There are 3 conditions you can choose:
- Archive: The header will display on the Archive page.
- Singular: The header will display on the Single page.
- Select page: The header will be displayed on the page you select. You need to enter the name of the page you want to display.
To edit Elementor, please choose Edit with Elementor
Drag and drop widgets in the left column of the Elements tab => Update
To display the Mega Menu with Thim Elementor KITs, please go to Dashboard => Thim Elementor => Settings => Modules => Enable Mega Menu
After please go to Dashboard => Appearance => Menu => Theme Menu Settings => Enable Mega Menu
Next, you need to choose to edit the menu and add a mega menu to the menu you want.
Here, you can edit General, Icon, Badge, and Setting:
- General: you can enable/disable Mega Menu.
- Icon: you can enable/disable Menu Icon and edit icons.
- Badge: you can enable/disable Menu Badge and edit Badge.
- Settings: you can edit the width and position Mega Menu.
To edit Elementor, please choose Edit with Elementor.
4.4.Archive Post
To create post archive page with Thim Elementor KITs have the following steps:
- Select tab Thim Elementor =>All Templates =>Add new.
Show the “Add new template” box:
2. Select the type “Archive Post“, type the template name you want, for example: Archive post test 1 => Select “Create template” button
Create a post archive page with Thim Elementor KITs successfully
3. Select “Set Archive Post” to set this page as the main page. If “Set Post Archive” is unchecked, the post page in the Archive will show the default themes.
The page after being selected will have an active icon

Select “Remove Archive Post” or select “Disable” to cancel the active icon
4. To edit post archive page with Thim Elementor KITs: Select “Edit with Elementor”
Drag and drop widgets in the left column of the Elements tab => Update
4.4.1.Thim Archive post
Editing with Thim archive post includes the following steps
Drag and drop thim archive post to the right box in the image
This is the interface when you successfully drag and drop “Thim Archive Post”
- Content
- Skin: Choose a Skin style for the tag, default is Classic, also Tag and Full Content
- Columns: Select the number of posts to appear in 1 row. Default is 3
- Show Image: Allow to show the featured image of the post or disable the option to hide it
- Image Postion: Choose the display position of the post’s photo. Default image shows top
- Image Size: Choose image size
- Post Data: There are 4 types of data: title, meta data, content, read more
Click the icon to duplicate the title
- Type: Select Type to change to Meta Data, Content or Read More
- Tile HTML Tag: select size text
- Button ADD ITEM: add type data
Open in new window
- Enable: Redirect to a new tab when clicking on a post
- Disable: Don’t redirect to a new tab when clicking on a post
2. Pagination
- You can select type for pagination.
After editing, remember to click the Update button
4.5.Single Post
To create post single page with Thim Elementor KITs have the following steps:
- Select tab Thim Elementor =>All Templates =>Add new.
Show the “Add new template” box:
2. Select the type “Single Post“, type the template name you want, for example: Single post test 1 => Select “Create template” button

Create a post single page with Thim Elementor KITs successfully
3. Select “Set Single Post” to set this page as the main page. If “Set Post Single” is unchecked, the post page in the single will show the default themes.

Select “Remove Single Post” or select “Disable” to cancel the active icon
4. To edit post single page with Thim Elementor KITs: Select “Edit with Elementor”
We have provided Thim Single Post widget to display all posts on your website
Drag and drop widgets in the left column of the Elements tab => Update
4.5.1.Thim Post Title
1. Content
- HTML Tag: select size text
- Alignment: the position of the text
4.5.2.Thim Post Comment
1. Content
- Skin: Theme comments: Comment form according to the theme you install
4.5.3.Thim Post Content
1. Content
Alignment :the position of the text
Text Color:
- Default: There are 4 default colors
- Color Picker: Drag and drop the mouse to the color you want to select

Typography:
- Custom:
- Family: Choose a font family style for the title
- Size: Choose a size for the title
- Weight: Choose a weight style for the title
- Transform: Choose a font style for the title
- Style: Choose a font for the title
- Decoration: Choose a font Decoration for the title
- Line-Height: Edit the top and bottom spacing of text and blocks
- Letter Spacing: Edit the width of the text
- Word Spacing:
4.5.5.Thim Post Featured Image
1. Image
- Image size: select size image
4.5.6.Thim Post Info
1. Post Meta
Author: show author
- Type: choose post meta type
- Avatar: Show Avatar
- Avatar size: Select size image
- Enable Link: Link for text author
Date: Show date
Type: choose post meta type
- Date format: choose date format or custom
Time: Show time
Type: choose post meta type
- Date format: choose time format or custom
Comments: Show comments
Type: choose post meta type
Button “ADD ITEM”: Add post meta type
4.5.7.Thim Author Box
1. Author Box
- Show avatar
- Display name: Show text
- Author Name Tag: Choose text size
- Link: Add link for text for text author and image
- Biography: show author’s bio
- Avatar Postition: Image
- Alignment: Text
4.6.Archive Product
To create product archive page with Thim Elementor KITs have the following steps:
- Select tab Thim Elementor =>All Templates =>Add new.
Show the “Add new template” box:
2. Select the type “Archive Product“, type the template name you want, for example: Archive product test 1 => Select “Create template” button
Create a product archive page with Thim Elementor KITs successfully
3. Select “Set Archive Product” to set this page as the main page. If “Set Product Archive” is unchecked, the post page in the Archive will show the default themes.

Select “Remove Archive Product” or select “Disable” to cancel the active icon
4. To edit product archive page with Thim Elementor KITs: Select “Edit with Elementor”
We have provided Thim Archive Product widget to display all posts on your website
Drag and drop widgets in the left column of the Elements tab => Update
4.6.1.Thim Archive Product
1. Content
- Columns: Product’s column number
- Row: Product’s row number
- Limit: Number of products displayed
- Paginate
Enable: Show pagination
Disable: Don’t show pagination
4.7.Single Product
To create product single page with Thim Elementor KITs have the following steps:
- Select tab Thim Elementor =>All Templates =>Add new.
Show the “Add new template” box:
2. Select the type “Single Product“, type the template name you want, for example: Single product test 1 => Select “Create template” button
Create a product single page with Thim Elementor KITs successfully
3. Select “Set Single Product” to set this page as the main page. If “Set Product Single” is unchecked, the post page in the single will show the default themes.
The page after being selected will have an active icon
Select “Remove Single Product” or select “Disable” to cancel the active icon
4. To edit product single page with Thim Elementor KITs: Select “Edit with Elementor”

Drag and drop widgets in the left column of the Elements tab => Update
4.7.1.Thim Product Title
1. Content
- HTML Tag: select size text
- Alignment: the position of the text
4.7.2.Thim Product Rating
1. Style
- Star Color:
Global colors: there are 4 default colors
- Empty Star Color: color shows star when no rating
- Star Size: select size
- Show Link
- Alignment: the position of the text
4.7.3.Thim Product Content
1. Style
Alignment: the position of the text
Color:
-
Global Colors: there are 4 default colors
- Color Picker: Drag and drop the mouse to the desired color
Typography:
- Custom:
- Family: Choose a font family style for the title
- Size: Choose a size for the title
- Weight: Choose a weight style for the title
- Transform: Choose a font style for the title
- Style: Choose a font for the title
- Decoration: Choose a font Decoration for the title
- Line-Height: Edit the top and bottom spacing of text and blocks
- Letter Spacing: Edit width of text
- Word Spacing:
4.7.4.Thim Product Upsells
1. Content
Select display for Upsell products
- Limit: Limited number of products on display
- Columns: Product column number
- Order By: Display the order of the products upsell
- Order: Sort by DESC or ASC
4.7.5.Thim Product Image
1. Image

Alignment: the position of the image
Border:

Color:
-
Global Colors: there are 4 default colors
- Color Picker: Drag and drop the mouse to the desired color
Box Shadow: Increase or decrease the spread width for the shadow
2. Thumbnail
Edit the thumbnail image similar to the inside of the above image
4.7.6.Thim Product Stock
1. Style

Stock Color:
-
Global Colors: there are 4 default colors
- Color Picker: Drag and drop the mouse to the desired color
Out of stock color:
-
Global Colors: there are 4 default colors
- Color Picker: Drag and drop the mouse to the desired color
Typography:
-
- Custom

-
- Family: Choose a font family style for the title
- Size: Choose a size for the title
- Weight: Choose a weight style for the title
- Transform: Choose a font style for the title
- Style: Choose a font for the title
- Decoration: Choose a font Decoration for the title
- Line-Height: Edit the top and bottom spacing of text and blocks
- Letter spacing: Edit width of text
Word Spacing:

4.7.7.Thim Product Tabs
1.Tab

Normal: Tab’s text when normal
Active: Tab’s text when active
Text color
-
Global Colors: there are 4 default colors
- Color Picker: Drag and drop the mouse to the desired color
Background color:
-
Global Colors: there are 4 default colors
- Color Picker: Drag and drop the mouse to the desired color
Border Color
-
Global Colors: there are 4 default colors
- Color Picker: Drag and drop the mouse to the desired color
Typography:
- Custom:

- Family: Choose a font family style for the title
- Size: Choose a size for the title
- Weight: Choose a weight style for the title
- Transform: Choose a font style for the title
- Style: Choose a font for the title
- Decoration: Choose a font Decoration for the title
- Line-Height: Edit the top and bottom spacing of text and blocks
- Letter Spacing: Edit width of text
- Word Spacing:

4.7.8.Thim Product Price
1. Price
Price: Edit the format of the price
- Alignment: the position of the text
- Color:
– Color Picker: Drag and drop the mouse to the desired color
- Typography:
– Custom:
- Family: Choose a font family style for the title
- Size: Choose a size for the title
- Weight: Choose a weight style for the title
- Transform: Choose a font style for the title
- Style: Choose a font for the title
- Decoration: Choose a font Decoration for the title
- Line-Height: Edit the top and bottom spacing of text and blocks
- Letter Spacing: Edit width of text
- Word Spacing:
- Sale Price: Edit same as above price
4.7.9.Thim Product Meta
1. Heading & Captions
Category
Tag
SKU: If the SKU is empty, this label will be displayed
4.7.10.Thim Product Additional Information
- Style
- Enable/disable heading
- Color: Choose a color
- Label: Select the label style
- Value: Select the value style
4.7.11. Thim Product Add to Cart
1.Button
- Select options to complete button
2.Quantity
- Select options to complete price
3. Variations
- Select options to complete button
4.7.12.Thim Product Short Description
- Type
- Alignment: the position of the text
- Color:
- Typography
– Custom:
- Family: Choose a font family style for the title
- Size: Choose a size for the title
- Weight: Choose a weight style for the title
- Transform: Choose a font style for the title
- Style: Choose a font for the title
- Decoration: Choose a font Decoration for the title
- Line-Height: Edit the top and bottom spacing of text and blocks
- Letter Spacing: Edit width of text
- Word Spacing:
4.8.Archive course
Step 1: When you create a new template, you select Archive course type => Enter Template name => Click “Create template”.
Step 2: To activate template, you go to your Dashboard => Thim Elementor => All Templates => Archive Course tab => Hover to a template => Click “Set Archive Course”.
Step 3: Click “Edit with Elementor”.
4.8.1.Thim Archive Course
1. Options
- Enable full Ajax to not reload the page when clicking pagination.
- Select skin and number of columns.
- Add & edit items for the top bar and sort them.
2. Content
- Show/hide thumbnail of course.
- Select thumbnail size.
- Select meta overlay on thumbnail.
- Add items for post data and sort them.
- Enable/disable open in new window.
3. Pagination
- You can select type for pagination.
4.9.Single Course
Step 1: When you create a new template, you select Single Course type => Enter Template name => Click “Create template”.
Step 2: To activate template, you go to your Dashboard => Thim Elementor => All Templates => Archive Course tab => Hover to a template => Click “Set Single Course”.
Step 3: Click “Edit with Elementor”.