Documentation
- Requirements
- Step 1 : Install Elementor
- Step 2 : Setup Theme
- Step 3 : Disable Default Colors & Fonts
- Step 4 : Import Template Kit
- Step 5 : Setting Up Plugin
- Step 1 : Editing Header/ Footer
- Step 2 : Change Display Conditions terms
- Step 3 : Publish Header/Footer
- Step 1 : Edit Pages
- Step 2 : Edit Conten Detail
- Step 2a : Edit Title, Paragraph, & Color
- Step 2b : Edit Image
- Step 2c : Edit URL links
- Step 1 : Activate Loop Feature
- Step 2 : Choose Loop Template and Post
Thank you so much for purchasing our product
We hope that you find all your questions regarding this Elementor Template Kit answered in this Documentation in as much detail as possible. However, if you still need support, do not hesitate to contact us
1. Getting Started
Require Server/Hosting with some config :
- PHP Version: 7.X.X
- PHP Memory Limit: 256M
- WordPress Version: 6.1
- Elementor Version : 3.X.X
Requirement Plugins :
- Elementor Pro (Not included, buy separately)
- ElementsKit Lite
- Skyboot Custom Icons For Elementor - Elementor Icons Library
2. Install Template Kit
Step 1 :
On the WordPress Dashboard, go to Plugins > Add New, type the plugin to be installed in the Search Plugins... column, namely Elementor Website Builder, click Install Now, then click Activate.
Please note that for this template kit to fit perfectly, you need to purchase the Elementor Pro version separately.
Step 2 :
On the Dashboard, go to Appearance > Themes > Add New, type in the search field the theme name : Hello Elementor. Click Install, than click Activate.
Step 3 :
On the Dashboard, go to Elementor > Settings, on the General tab, check the Disable Default Colors & Disable Default Fonts then Save Changes.
Step 4 :
On the Dashboard, go to Elementor > Tools, click the Import/Export Kit tab, click the Start Import button below.
After that, click the Select File button. Select the .zip file you want to install, then click Open, if a warning box appears, click continue. Click Next, then click Import. If there is a Request for Permission box, select Enable. The installation process will start. When finished, please select Close to return to the Dashboard.
Done and your website is already live. Next you only need to change the content and some parts according to your needs.
Step 5 :
From the Dashboard, select the Skyboot Icons > Settings menu. Click the Manage Icons tab and slide all the icon type buttons to the right.
3. Editing Header & Footer
Step 1 :
Go to Templates > Saved Templates, and click all. Then choose the “Header Template” or “Footer Template”, and click Edit with Elementor.
Step 2 :
After the Elementor Editor page opens, click (Up) icon besite Update button at the left bottom of the page, and then click Display Conditions.
Step 3 :
Let select Entire Site, then click Save & Close. Done.
4. Edit Content
Step 1 :
On the Dashboard page, select Pages > All Pages, navigate to the pages to be edited, click Edit with Elementor.
Step 2 :
After entering the Elementor Editor page, you can change the Title, Text, Color, Image or URL link according to what you want.
2a : Edit Title, Paragraph, & Color
Click on the title/paragraph that you want to change, then enter the text you want in the column on the left. And you can also change the color by clicking the Style tab in the left column, then clicking on the color box.
2b : Edit Image
Click on the Image/Photo you want to change, in the left column click Choose Image, and select the image you want or select Upload files if you want to upload image files from your PC/Computer.
2c : Edit URL links
Click on one of the elements that you want to change, for example Social Icons, Click on the social media box in the left column, then enter the url according to your url address.
5. Editing Loop Content
Step 1 :
On the Dashboard page, select Elementor > Settings, click the Feature tab, and scroll to find the Loop features. Then set to active.
Step 2 :
Select the page where there is a Loop, then Edit with Elementor. When you are in the Elementor editor, go to the bottom left of the screen, click the Navigation icon. Go to the Section where there is Loop Grid and click on the element. Go to the left side of the screen, open the Content tab, and select the loop template by typing in the loop name. After that, move down to open the Query menu, in the Source column select Manual Selection. Then in the Search & Select column below type the post title you want to display. If so, select Update so that the template is saved.
6. Editing Site Settings
Simply "Edit with Elementor” any page or post, click the hamburger menu icon in the upper left corner of the Elementor Widget Panel and click on Site Settings. Here you have options to control the Design System which consists of Global Colors and Global Fonts, and Theme Builder which consists of Typography, Buttons, Images, and Form Fields settings.
