1. System Requirements
Minimum Requirements to Install Elementor:
WordPress 5.0 or Higher
PHP 7.2 or Higher
MySQL 5.6 or Higher
WP Memory limit of 256 MB or Higher
Recommended PHP configuration limits:
If you are having trouble importing the demo material or if a page is not being modified, you should increase the PHP limitations. You have two options: either do it yourself or ask your hosting company to raise these particular PHP restrictions in the php.ini file.
max_execution_time 300
memory_limit 128M
post_max_size 32M
upload_max_filesize 32M
max_input_vars 1000
2. WordPress Installation
If you are new to WordPress, there is a step-by-step plan for getting started. Plenty of options for assistance are listed in this article. If you need help installing WordPress, below are all the useful links for WordPress information.
3. Theme Installation
- Log in to your WordPress dashboard.
- Navigate to Appearance > Themes Click Add new button, located at the top of the screen or Add new theme
- Click on Upload Theme button.
- Click on Browse button and navigate to the unzipped theme package on your computer.
- Look for a file called ozentech-pro.zip Click on it to select, then click OK.
- Click on Install Now button and wait until the installation is complete.
- Click on Activate link to activate the theme on your WordPress site.
If you have an FTP client installed (like FileZilla) and know the FTP login credentials of the server hosting your website, you may want to use this method to upload your theme.
- Unzip the ozentech-pro.zip file
- Using an FTP client to access your host web server. Go to /wp-content/themes
- Upload theme to /wp-content/themes/
- Go to Appearance > Themes and activate theme from Dashboard.
Before you start uploading the folder to the main WordPress installation folder > wp-content > themes, you must first unzip the download file. Locate the ozentech-pro.zip file and unzip it. Please be aware that if you choose this method of installation, you must ensure that the theme's primary files are only found in one folder within the themes folder.
Once the theme has been uploaded to the server, you can activate it.
You must navigate to the admin panel > Appearance > Themes in order to activate this theme. The theme with the label OzenTech PRO should be visible in this area. To activate your theme, simply click the Activate button.
4. Plugin Installation
The Homepage sections are based on Elementor page builder plugin. After installing the OzenTech PRO theme, please install the Elementor Website Builder plugin.
Follow the below steps to install a plugin:
- From your WordPress dashboard click on Plugins > Add New
- In the Search field, enter "Elementor" and choose Elementor Website Builder to install
- Click on Install Now button
- After the installation is complete, click Activate button
5. Demo Content
You can import demo content from our demo site with a single click of a button.
- Install the One Click Demo Import plugin
- Navigate to Appearance > Import Demo Data
- Click on Import Demo Data button
Don't forget to activate all required plugins before importing demo data.
If you want to import the demo content the old-fashioned way, you can get a fresh copy of the XML file from our server
Follow the below steps to import the demo content:
- Login into your account: https://ozenthemes.com/my-account/, click the Downloads menu item and download "Demo Content" file
- The demo content is inside a .zip file. You must extract this archive on your computer.
(Right click on ozentech-demo-content.zip to extract)
- Go to Tools > Import
- Install and run WordPress Importer
- Click on browse, select ozentech-demo-content.xml file and click on Upload file and import
- You will be asked to map the authors in this export file to users on the blog
- Click on the "Download and import file attachments" box to import the attachments
- While WordPress imports all of the material, just be patient. Imported are Pages, Menus, and Posts. You must setup widgets and provide a theme position to the menu. This is a drawback of the WordPress import mechanism.
6. Homepage Setup
After you have imported the demo data, please setup the homepage using following
- Go to Settings > Reading
- Set homepage displays to Static page
- Select Home page
7. Typography
We have manage Typography settings section wise, for easy to setup your settings fromon place
To manage the font/size of content, follow the steps listed below:
- Go to the Appearance > Customize > Global Settings > Body Typography, heading Typography, Button Typography etc.
- Change the font of the desired section
8. Color Settings
We have manage color settings section wise, for easy to setup your settings fromon place
Follow the steps listed below:
- Go to the Appearance > Customize > Global Settings > Body colors
9. The header
The header section consists of three main elements:
- Header Top Bar
- Site Name / Logo
- Main Menu
In order to customize the header top bar, follow these steps:
- From your WordPress Dashboard, navigate to the Appearance > Customize > Header Settings > Top Bar
- Add address, phone numbers,email and social media links
- Can Manage font awesome icons,header background color, font color, link color link hover color and its typography from header top bar sections
- Then Click on Publish
In order to change the Site Title, Tagline and Logo image, follow these steps:
- From your WordPress Dashboard, navigate to the Appearance > Customize > Site Identity
- Now click on Select image and upload logo for your site
- Can adject logo width
- Click on Publish
- First of all create pages from Pages > Add new page
- Go to Appearance > Menu
- Click on Create a new menu link
- Give a name to your menu in Menu name and click save menu button
- Once you have create menu. You need to add pages by selecting with checkboxes. After adding menu list you can arrange it by drag and drop.
- Select menu display location Primary Menu from Menu Settings
- Click Save Menu after adding required pages, categories in the menu
10. Homepage Slider
This theme supports home page sider. To use it, follow the steps below:
- From your Dashboard, go to Appearance > Customize > Slider Settings > Slider Image Selection
- Upload the image for the slider, add the slider title, description, and redirect link
- Repeat the above steps for other slides
- Manage all settings from slider settings Tab exa. slider trpography, color link etc
- Now click on Publish
Default image size for slider is 1400 x 628 pixel
11. Manage Home Page
After importing the demo content successfully, you can change the content of homepage sections and all these can be done through the Elementor page builder.
To edit your homepage with Elementor, follow the steps shown below:
- From your WordPress Dashboard, go to Pages > All Pages
- Hover your cursor over Home page and click on Edit with Elementor
12. Homepage Sections
How to manage Homepage Sections?
- Go to WordPress Dashboard -> Pages.
- Open Home page(Front Page) and click on Edit with Elementor button.
- Note: Home page is based on Elementor Page Builder. You can watch some tutorial videos here and check documentation here to learn how to use Elementor.
13. Hide Homepage Section
Here are the steps to hide a Section in Elementor:
- Edit the page with Elementor on which you have the Section that you want to hide
- Select the Section that you want to hide
- In the left-side settings panel of the Section, go to the Advanced tab
- Open the Responsive settings group
- Here you can hide the selected Section on Desktop, Tablet, and Mobile
- Save your changes
14. Section Reordering
Rearranging a section to meet our needs is essentially known as section reordering. Moving one segment above or below another is a pretty simple process.
- Either utilize the keyboard shortcut Cmd/Ctrl + I or click the Structure button on the upper side of the panel.
- Alternatively, you may choose Structure by right-clicking on any element. You will be instantly sent to the particular navigation tree node as a result.
- To relocate a section element, first open the Navigator, then left-click on it, hold down the mouse button, then drag it up or down, dropping it before or after any other element.
15. Footer
To customize the footer section, go to Appearance > Customize > Footer Settings > Footer Column
- Can manage footer short info
- Can manage footer quick link titles and footer menu
- you can manage foter socials icons
- also you can manage coptright info from footer tab
- footer four column also you can manage fron widgets.
16. Setting Footer menu
- Go to Appearance > Menu
- Click on Create a new menu link to create footer menu
- Give a name to your menu (Quick Link) in Menu name and click save menu button
- Add pages by selecting with checkboxes.
- Select menu display location Services Links from Menu Settings
- Click Save Menu after adding required pages, categories in the menu
- Header and footer menu process are same
17. Blog Page
You may display the blog post with or without a sidebar using one of the many different types of blog templates that are available. All you have to do is take the actions indicated below:
- Create Blog page from Pages > Add new
- Select Blog - Right Sidebar template from right side panel
18. Contact Page
To display contact form, install the Contact Form 7 plugin
- Create contact page from Pages > Add new
- Add Contact Form 7 plugin shortcode
- Select Contact Page template from right side panel
19. Useful Plugins
We also support and utilize some of the top WordPress plugins. By choosing Appearance > Install Plugins, you may install and activate these plugins.
20. Page Templates & Sidebars
By default, the "Default Template" is used when you create a new page using the Pages > Add New option. The default page template is a typical page template that can include custom content and either a full-width or sidebar layout.
- Default Template
- Used to arrange the content on any page that has a right sidebar
- Left Sidebar
- Used to arrange the content on any page that has a Left Sidebar
- Full Width
- Used to arrange the content on any page that has a without Sidebar
- No Sidebar
- Used to arrange the content on any page that has a without Sidebar
21. Widgets
The WordPress widgets are used to manage sidebars:
- Can manage sidebar from widgets (exa. blog sidebar and Page sidebar)
- Footer section can manage from footer widgets 1,2.3,4
22. Support
You can email us at [email protected] or use our support forum to ask any queries you may have about our WordPress themes. If you run into any compatibility or customisation issues, our support staff is always available to assist you.