banner

1. Introduction

We would like to thank you for choosing Elever - Construction Building & Renovation HTML Template.

We made Elever from the ground-up with flexibility in mind. Each element of Elever is extremely customizable, where you can make Elever to reflect your own branding styles.

The guide gives you detailed methodologies about how you can customize Elever and make it fit your brand perfectly!

1.1. What's Included

After purchasing Elever template on themeforest.net with your Envato account, go to your Download page. You can choose to download Elever template only or the entire Elever template package which contains the following files:

Elever
  • Elever: A HTML template file.
  • Documentation: This folder contains what you are reading now.

1.3. Font

                                @import url('https://fonts.googleapis.com/css2?family=Gantari:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
                        

1.4. Source File (CSS)

                            <link rel="stylesheet" preload href="assets/css/plugins/fontawesome.css">
                            <link rel="stylesheet" preload href="assets/css/plugins/aos.css">
                            <link rel="stylesheet" preload href="assets/css/plugins/odometer.css">
                            <link rel="stylesheet" preload href="assets/css/plugins/swiper.css">
                            <link rel="stylesheet" preload href="assets/css/plugins/metismenu.css">
                            <link rel="stylesheet" preload href="assets/css/vendor/bootstrap.min.css">
                            <link rel="stylesheet" preload href="assets/css/style.css">
                        

1.5. Source File (JS)


                            <script src="assets/js/plugins/jquery.js"></script>
                            <script src="assets/js/vendor/bootstrap.min.js"></script>
                            <script src="assets/js/plugins/odometer.js"></script>
                            <script src="assets/js/plugins/jquery-appear.js"></script>
                            <script src="assets/js/plugins/metismenu.js"></script>
                            <script src="assets/js/plugins/swiper.js"></script>
                            <script src="assets/js/plugins/aos.js"></script>
                            <script src="assets/js/plugins/nice-select.js"></script>
                            <script src="assets/js/plugins/smooth-scroll.js"></script>
                            <script src="assets/js/vendor/waw.js"></script>
                            <script defer src="assets/js/vendor/contact-form.js"></script>
                            <script src="assets/js/vendor/map-content.js"></script>
                            <script src="assets/js/vendor/info-box.js"></script>
                            <script src="assets/js/plugins/contact.form.js"></script>
                            <script src="assets/js/main.js"></script>
                        

2.1. Change Site Title and Favicon

To change your Site title and Favicon, open the Elever in your editor and go to the location by following screenshot which are given bellow.

doc

2.15. Set Default RTL (Right To Left)

You can manually set the default text direction to right-to-left by adding dir="rtl" to the body tag.
Or :-- You can pest this code bottom of main.js file
window.onload = function () {
document.body.setAttribute("dir", "rtl");
};

doc

2.2. Change Logo

To change your Site Logo, open the Elever in your editor and go to the location by following screenshot which are given bellow.

doc

2.3. Header Menu

To customize your Header Menu, open the Elever in your editor and go to the location by following screenshot which are given bellow.

doc

2.4. Sidebar Menu

To customize your Sidebar Menu, open the Elever in your editor and go to the location by following screenshot which are given bellow.

doc

3.1. Header

From the located file in the image you can customize you site header layout

doc

3.2. Footer

Here is the file where you can customize your footer

doc

3.3. Global Color

To change Elever Global Color

doc

4. Content

To customize your Site Content open the Elever in your editor and go to the location by following screenshot which are given bellow.

Page Content:

doc

4.1. Blog

To customize your Site Blog open the Elever in your editor and go to the location by following screenshot which are given bellow.

doc doc

4.2. Testimonial

To customize your Site Testimonial open the Elever in your editor and go to the location by following screenshot which are given bellow.

doc doc

4.3. Brand Slider

To customize your Brand Slider open the Elever in your editor and go to the location by following screenshot which are given bellow.

doc doc

5. Support

Support Scope

Included in Free Support Scope:

  • Fixing bugs
  • Helping clients in changing site contents by sending instructions that couldn’t be covered by documentation

NOT Included in Free Support Scope:

  • Any type of custom changes
  • Any type of request to update clients’ site contents

Paid Support Scope:

Paid support is not a part of Free Support when you purchase the template from themeforest. We understand that some clients need custom changes while using our template. For that we kept an option for paid support which includes:

  • Custom change request
  • Custom pages
  • Custom features

We kept a flat rate for our paid support which is $25/hour.

Support Ticket

Please send your support request here. You will response within 1 business day.

Regards,
ThemeWant Support Team