Documentation

AXLEO is a WordPress Theme for the purposes of Digital Agency like- Design Studio, Software Agency, Marketing Agency, Creative Agency as well showcasing Creative Portfolio, SaaS Products.

Thank you for purchasing our theme, now you are an owner of a regular license or extended license of Axleo WordPress Theme. You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this Theme is made and how to edit this properly. You may learn basics here.

This theme has designed with newly idea and innovative presentation with the help of latest features. It has 6 unique demos with 30+ inner pages which will give the best user experience and attract the visitors easily. There is the Light and Dark versions are available in this theme so user can switch this theme whatever they prefers. This theme is made with Elementor Page Builder so that easily anyone can manage this theme. It is compatible with all browsers and fully responsive so very suitable for any device.

  • Item Name: AXLEO is a WordPress Theme for the purposes of Digital Agency.
  • Author: EgensLab
  • Created: 7 June, 2024
  • Version: 1.0

If you have any questions that are beyond the scope of this help file, Please feel free to email via Item Support Page.

Getting Started

To install this theme you must have a working version of WordPress already installed.

  • For information in regard to installing the WordPress Platform, please see the WordPress Codex: Installing WordPress
  • Before to start working with your new theme, make sure that your WordPress Version is updated to the latest one.
  • You can know more about WordPress Requirements from here.

Server Requirements

Please make sure you have fullfilled the following Requirements

  1. WordPress 5.8 or higher version.
  2. PHP Version 7.4.0 or Upper . ( 8.0 recommended )
  3. MySQL 5.6 or greater.

It is also recommended to setup your php limit to avoid the common issues during the plugin installation and demo import.

  • memory_limit 128M
  • max_execution_time 180
  • post_max_size 64M
  • upload_max_filesize 64M
  • max_input_time = 120
  • max_input_vars = 10000

Knowledge Base

Firstly you need to install WordPress on your server using softaculas or other installer. It depends on your hosting provider.

Here are some usefull links to get started with WordPress:

  1. Official instruction of installing WordPress on your server- WordPress Installation
  2. Here is the official guide to get started with WordPress- Getting Started

What's Included in the zip folder

  1. A zip file of the theme .
  2. A plugin zip file for core functionality.

Installation

Follow the steps below to setup your WordPress theme.

There are two methods to install the Axleo WordPress Theme. The first one is using the WordPress Theme Installer and the second is installing it using the FTP method.

WordPress Theme Installer

  1. Login into the WordPress Dashboard and search for Appearance -> Themes.
  2. Click "Add New" at the top of the page.
  3. Now click on "Upload Theme".
  4. Choose the zip file you will find within the whole package you downloaded from Themeforest -> "Axleo.zip"
  5. Once the installation is complete you can Activate the Axleo WordPress Theme

FTP Upload Method

  1. Using your FTP client, login to your server via FTP and navigate to "wp-content/themes" under your website's root directory.
  2. Here you must place the main folder you will find within the whole package you downloaded from Themeforest, this folder called "Axleo" ( unzipped version ).
  3. Once your files are completely uploaded to your server, log into the WordPress Dashboard and go to "Appearance -> Themes" .
  4. Search the Axleo WordPress Theme Screenshot and click to "Activate".

Theme Installation Tutorial

Screenshot Of whole Process to Install Theme

Choose the zip file what you will find within the whole package you downloaded from Themeforest -> "Axleo.zip"

Responsive image

Now, Click Activate to activate the theme

Responsive image

Plugin Installation

When the theme is uploaded You need to install some recommended plugins.

Click Begin Installing Plugin.

Responsive image

Now, Select all the plugin to install

Responsive image

Now, Select Install then Click Apply button

Responsive image

After installing all plugins Click Return to Required Plugins Installer

Responsive image

Now, Select Activate then Click Apply for activating all plugins

Responsive image

One Click Demo Import

You can easily import demo data using our one-click demo content importer. View our screenshot to the demo import page.

Set Front Page and Posts Page

You can easily import demo data using our one-click demo content importer. View our screenshot to import demo data in your WordPress site

Responsive image

Now Click Import Demo Data

Responsive image

Now, Click Continue & Import

Responsive image

Congrats! Your site is ready..

After import completed successfully, click visit site

Responsive image

Changing Logo & Page Title

You can manage some special Settings from Axleo theme customizer easily. And the other Settings will be found in the theme option panel.

You can change your Theme Logo from theme options panel

Responsive image

Now, Click on Customize for other options

Responsive image

These options are for Theme Logo, Site Title and Tagline.

Responsive image

Setting up the Menu

The final step before you can start with the new theme is to create your menu, it will be really easy. If you import our demo data it will automatically make a menu for you and set it a primary location.

Let's make your own menu.

Go to "Appearance -> Menus" and you will see a panel where you can create new menus. Create one, add your created pages to it and save it. After this in "Menu Settings" below the menu select"Header Menu" and hit "Save Menu".

For One Page Menu you need to use custom links option to make one page menu. Put your section ID in the URL field and menu text goes Link Text field. Then hit Add to Menu Button.

Responsive image

Note: You can use up to two levels of navigation in this theme.

The Customizar

After activating the theme, you will notice that a new submenu item appeared, under "Appearance -> Customize".

If you click on it you will be taken to the WordPress customizer, a tool which will allow you to modify the look and feel of your website.

Unfortunately not all theme options features are present. You can select only the body background color, background image, custom header image, logo & favicon.

Set Homepage and Blogs

  1. Login to WordPress admin panel (URL should be www.yourdomain.com/wp-admin )
  2. Navigate to "Settings > Reading".

    3. Responsive image

  3. From dropdown, select which page you want to set as "Front Page" and which page you want as “blog posts” page. Default Front Page is ‘Home’ and default posts page is ‘Blog’..

    4. Responsive image

  4. Click on ‘Save Changes’ button to save all.

Creating A New Page

Step 1: Navigate the Add New menu under the Pages Navigation.

Step 2: Select your header style and Give it a title.

Step 3: Use Elementor for your page Customization.

Elementor Page Builder

Now you can customize the page with elementor page builder.

Contact Form 7

Contact form 7 is used to create ‘easy to handle’ and ‘easy to customize’ forms. Axleo theme has a pre-built forms. To get all forms, ‘Contact Form 7’ plugin must be installed and activated. You can add/edit/delete the contact form by following this documentation

https://contactform7.com/getting-started-with-contact-form-7/

Career Form

<div>
    <div class="single-info mb-30">
        <h5 class="info-title">Personal Info</h5>
        <div class="row">
            <div class="col-lg-6">
                <div class="form-inner mb-25">
                    <label>First Name</label>
                    [text* f-name placeholder "Mr. Daniel"]
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-inner mb-25">
                    <label>Last Name</label>
                    [text* l-name placeholder "Scoot"]
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-inner mb-25">
                    <label>Your Email*</label>
                    [email* email-282 placeholder "[email protected]"]
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-inner mb-25">
                    <label>Phone Number</label>
                    [text phone-num placeholder "+920- 5566 **** ****"]
                </div>
            </div>
        </div>
    </div>
    <div class="single-info mb-30">
        <h5 class="info-title">Career Info</h5>
        <div class="row">
            <div class="col-lg-6">
                <div class="form-inner mb-25">
                    <label>Current Job Place</label>
                    [text jobplace placeholder "Egenslab"]
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-inner mb-25">
                    <label>Current Position</label>
                    [text jobPosition placeholder "Junior Ui/Ux Designer"]
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-inner mb-25">
                    <label>Experiences*</label>
                    [text* experience placeholder "Type Years"]
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-inner mb-25">
                    <label>Current Salary</label>
                    [text salary placeholder "Type amount"]
                </div>
            </div>
            <div class="col-lg-6 mb-25">
                <div class="form-inner">
                    <label>Applied Position*</label>
                    [select your-country "Digital Marketer" "UX/UI Designer" "Frontend Developer" "Software Engineer"]
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-inner mb-25">
                    <label>Expected Salary*</label>
                    [text* expectedsalary placeholder "Type amount"]
                </div>
            </div>
        </div>
    </div>
    <div class="single-info mb-50">
        <h5 class="info-title">Key Documents</h5>
        <div class="row">
            <div class="col-md-12">
                <div class="form-inner mb-25">
                    <label>Cover Letter*</label>
                    [textarea* coverLetter placeholder "Write cover letter"]
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-inner mb-25">
                    <label>Upload Your CV*</label>
                    <div class="file-upload-area">
                        <div class="icon">
                            <img src="https://axleo-wp.egenslab.com/wp-content/uploads/2024/06/pdf-icon2.svg" alt="">
                        </div>
                        [file* file-577 class:custom-upload]
                        <div class="check-icon">
                            <i class="bi bi-check"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-check">
                  [checkbox* checkbox-811 exclusive "I have read & accepted Terms & Conditions."]
                </div>
            </div>
        </div>
    </div>
    <div class="form-inner">
        <button class="primary-btn5 black btn-hover" type="submit">
            Submit Now
            <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.0035 3.40804L1.41153 12L0 10.5885L8.59097 1.99651H1.01922V0H12V10.9808H10.0035V3.40804Z">
                </path>
            </svg>
            <span></span>
        </button>
    </div>
</div>

Contact form 1

<label> Your name
  [text* your-name autocomplete:name]  </label>

<label> Your email
  [email* your-email autocomplete:email]  </label>

<label> Subject
  [text* your-subject]  </label>

<label> Your message (optional)
  [textarea your-message]  </label>

[submit "Submit"]

Contact us form

<div class="contact-form-wrap">
     <div class="row">
         <div class="col-md-6">
             <div class="form-inner mb-30">
                 <label>Full Name* </label>
                [text* fname placeholder "Daniel Scoot"]
             </div>
         </div>
         <div class="col-md-6">
             <div class="form-inner mb-30">
                 <label>Your Email* </label>
                [email* user-email placeholder "[email protected]"]
             </div>
         </div>
         <div class="col-md-6">
             <div class="form-inner mb-30">
                 <label>Phone Number  <span>(Optional) </span> </label>
                [text number placeholder "+920- 5566 **** ****"]
             </div>
         </div>
         <div class="col-md-6">
             <div class="form-inner mb-30">
                 <label>Subject </label>
                [text subject placeholder "Web Develop"]
             </div>
         </div>
         <div class="col-md-12">
             <div class="form-inner mb-30">
                 <label>How can We Help You? </label>
                [textarea message placeholder "What’s on your mind"]
             </div>
         </div>
         <div class="col-md-12 mb-50">
            [checkbox* checkbox-739 use_label_element "Please save my name, email address for the next time I message"]
         </div>
     </div>
     <div class="form-inner">
         <button class="primary-btn3 btn-hover" type="submit">
            Submit Now
             <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
                 <path d="M10.0035 3.40804L1.41153 12L0 10.5885L8.59097 1.99651H1.01922V0H12V10.9808H10.0035V3.40804Z">
                 </path>
             </svg>
             <span> </span>
         </button>
     </div>
</div>

FAQ's Form

<div class="faq-contact-form-wrap">
    <div class="row">
        <div class="col-md-6">
            <div class="form-inner mb-25">
                <label>Your Name*</label>
                [text* text-878 placeholder "Jackson Mile"]
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-inner mb-25">
                <label>Email Address*</label>
                [email* email-708 placeholder "[email protected]"]
            </div>
        </div>
        <div class="col-md-12">
            <div class="form-inner mb-50">
                <label>Type Your Question*</label>
                [textarea* textarea-981 placeholder "Write Something..."]
            </div>
        </div>
    </div>
    <div class="form-inner">
        <button class="primary-btn3 btn-hover" type="submit">
            Submit Inquiry
            <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.0035 3.40804L1.41153 12L0 10.5885L8.59097 1.99651H1.01922V0H12V10.9808H10.0035V3.40804Z">
                </path>
            </svg>
            <span></span>
        </button>
    </div>
</div>

subscribe form 2

<div class="form-inner">
  [email* email-subscribe placeholder "Enter Email"]
    <button type="submit" class="primary-btn3 btn-hover">
      Get Started
        <svg width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9532 0.0585938L10.7354 1.14748C10.5495 2.07672 10.2769 3.53489 10.1862 5.1213C10.0949 6.71893 10.193 8.37925 10.7022 9.73705C10.8476 10.1249 10.6511 10.5572 10.2633 10.7026C9.87545 10.8481 9.44314 10.6516 9.2977 10.2637C8.68188 8.62153 8.59246 6.71935 8.68867 5.03573C8.72547 4.39179 8.79012 3.76993 8.86653 3.19447L1.53028 10.5307C1.23739 10.8236 0.762511 10.8236 0.469618 10.5307C0.176725 10.2378 0.176725 9.76295 0.469618 9.47006L7.82522 2.11446C7.18266 2.19925 6.4871 2.27186 5.77631 2.31171C4.07609 2.40705 2.1819 2.32292 0.704509 1.68975C0.323786 1.52658 0.147423 1.08567 0.310589 0.704951C0.473756 0.324229 0.914665 0.147865 1.29539 0.311032C2.44299 0.802862 4.0488 0.906228 5.69233 0.814067C7.31342 0.723165 8.86773 0.449612 9.86173 0.263237L10.9532 0.0585938Z"></path>
            </svg>
          <span style="top: 40.1094px; left: -2px;"></span>
     </button>
</div>

subscribe form 3

<div class="form-inner">
    [email* email-18 placeholder "Enter Email"]
      <button type="submit" class="primary-btn3 btn-hover"> Get Started <svg width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9532 0.0585938L10.7354 1.14748C10.5495 2.07672 10.2769 3.53489 10.1862 5.1213C10.0949 6.71893 10.193 8.37925 10.7022 9.73705C10.8476 10.1249 10.6511 10.5572 10.2633 10.7026C9.87545 10.8481 9.44314 10.6516 9.2977 10.2637C8.68188 8.62153 8.59246 6.71935 8.68867 5.03573C8.72547 4.39179 8.79012 3.76993 8.86653 3.19447L1.53028 10.5307C1.23739 10.8236 0.762511 10.8236 0.469618 10.5307C0.176725 10.2378 0.176725 9.76295 0.469618 9.47006L7.82522 2.11446C7.18266 2.19925 6.4871 2.27186 5.77631 2.31171C4.07609 2.40705 2.1819 2.32292 0.704509 1.68975C0.323786 1.52658 0.147423 1.08567 0.310589 0.704951C0.473756 0.324229 0.914665 0.147865 1.29539 0.311032C2.44299 0.802862 4.0488 0.906228 5.69233 0.814067C7.31342 0.723165 8.86773 0.449612 9.86173 0.263237L10.9532 0.0585938Z"></path>
            </svg>
            <span></span>
      </button>
</div>

Theme Options Panel

Follow these screenshot to change your theme layout from Theme Options

Responsive image

Responsive image

Responsive image

Responsive image

Responsive image

Responsive image

Responsive image

Responsive image

Responsive image

Responsive image

Responsive image

Responsive image

How to add widgets

Step 1: Navigate Appearance > Widgets.

Responsive image

Step 2: You can see all the widget areas here.

Responsive image

How to edit a widget

Step 3: Click on Plus icon and search theme name to see all custom widget.

Responsive image

Step 4: Click on widget to edit them.

Responsive image

Step 5: When you click on widget an edit form will appear.

Responsive image

Step 6: After editing, click Update to save changes.

Responsive image

Theme Update Tutorial

There are two ways to update the theme. The regular and the automatic way.

Automatic

This is the easiest way to update a theme. You can do that by Envato Market Plugin. We already included this plugin with our theme. You need to install and activate the plugin and configure it with your themeforest profile. For configuring this plugin follow this tutorial article: http://www.wpexplorer.com/envato-market-plugin-guide/.

Manual

Go to your "Themeforest Download Account" and download the latest package. Unzip it and overwrite the theme folder on your server via a FTP Client.

Plugins

If the theme uses plugins and there are updates available for theme, you should see a notification and be able to easily install theme.However if you don't see the notification bar, you can update the plugins manually as well.

Plugins

Following list of packages will be included:

Home Page Demos (Light)

Axleo is an WordPress Theme for the Startup as well as Digital Agency with 6+ ready homepage demos.
Home One
Home Two
Home Three
Home Four
Home Five
Home Six

Home Page Demos (Dark)

Home One
Home Two
Home Three
Home Four
Home Five
Home Six

Source & Credits

Images:

Icons:

Scripts:

Support

If this documentation doesn't answer your questions, So, Please send us Email via Item Support Page

We are located in GMT +5:30 time zone and we answer all questions within 12-24 hours in weekdays. In some rare cases the waiting time can be to 48 hours. (except holiday seasons which might take longer).

Note: While we aim to provide the best support possible, please keep in mind that it only extends to verified buyers and only to issues related to our template like bugs and errors. Custom modifications or third party module implementations are not included.

Don’t forget to Rate this template

Please Add your Review (Opinion) for Our template. It would be a great support for us.
Go to your Themeforest Profile > Downloads Tab > & then You can Rate & Review for our template.
Thank You.

More Templates

Checkout Our Premium Templates Below

Bidout - Multivendor Bid and Auction WordPress Theme
Corelaw - Lawyer & Law Firm WordPress Theme
Spinner - Startup and Digital Agency WordPress Theme
Turio - Travel Tourism Agency WordPress Theme
Reves - Software and Digital Agency WordPress Theme
Elency - Multipurpose Corporate Business HTML Template

Our Portfolio

Copyright © 2024 EgensLab. All Rights Reserved.