Dustra is a Responsive quick and easy customizable Modern Factory & Industrial WordPress Theme that comes with 2 home page variations. Dustra offers numerous awesome features like building, business, architecture, construction, commercial, construction, corporate, electrician, engineering, factory, industrial, industry, painter, plumber, renovation firm or your just a Blog. Well commented code, well-documented file structure and 24/7 professional and ultra-fast Support.

• Multipage Theme
• Elementor Page Builder Intgrated
• 12+ Custom Elementor Addons for Dustra
• Blog Pages Included
• Contact Form 7 Integrated
• Theme Option Support
• Sharp and Clean Design
• Timely Support – 8 hours average response time
• Extensive setup guide
• Exceptional page-load performance
• One Click Demo Import
• Customizer Support
• SEO Friendly Code
• Free Font Icons (Font Awesome)
• All Necessary Pages
• Excellent Customer Support – We care about your site as much as you do and will help in any way we can!
• And much more…

Once you've downloaded the installation file on ThemeForest, extract it and locate a file called Dustra.zip. You can install the theme by using one of two installation methods:

• WordPress upload - This is probably the simplest way for most users. Here are the steps you need to take:
  1. Login to WordPress admin
  2. Go to admin panel > Appearance > Themes > Add New > Upload Theme
  3. Click on "Choose File" and select Dustra.zip
  4. Click on "Install Now"
  5. When your theme is successfully installed, click Activate to activate the newly installed theme.
• FTP upload - If you wish to install via FTP, here are the steps you need to take:
  1. Using FTP client, login to the server where your WordPress website is hosted
  2. Using FTP client, navigate to the /wp-content/themes/ directory under your WordPress website's root directory
  3. Using FTP client, upload the Dustra directory to themes directory on remote server
  4. Once uploaded, navigate to Dashboard > Appearance > Themes in the WordPress Dashboard and hit Activate below your newly uploaded theme.

Once installation is complete, your Dustra theme will be ready to use. You should now see Dustra theme as active .

Great - you can now start building your site!

Common Error during Installation.

The error: "Maximum Execution Time Exceeded in WordPress"

Instructions about memory limit increase. you can increase the maximum upload size in WordPress. Edit the .htaccess file in your WordPress site’s root folder and add the following code:

                            
    php_value max_execution_time 500
    php_value memory_limit 64M
    php_value post_max_size 4M
    php_value max_input_time 500
    php_value upload_max_filesize 10M
                            
                        

After theme instalation you need to install and activate included plugins.

1. To import our demo content, please see the step bleow:
• Log in to that site as an administrator.
• Go to Appearence -> Import Demo Data
• Click Import Demo Data

Dustra Elements

Setup The Static Front Page

1. Go to Pages > Add New and create a page.
2. Go to the Settings > Reading and set Home page displays to A static page.
3. Select the page you created in step one as the Front page, and, if you plan to have a blog as well, choose another page as the Posts page to display your blog posts.

Setup Breadcumb Pages

1. Go to Pages > Add New and create a page.
2. Go to the page and select tempaltes Dustra template.

##Setup OnePages

as usual like other multipages you can add dustra addons but working with menus you need to follow some step below this pictures

Dustra Elements

1. You have powerful and flexible drag and drop tool Elementor page builder to create any content you want int pages. To learn how this plugins works, you need to examine their documentation: https://elementor.com/help/how-to-use-elementor
2. To create page you need to goto wp admin panel > pages > add new.
3. After adding page goto edit it, and you will see Elementor page builder, switche to Elementor page builder, there you can choose between Backend mode, Front-end more and Classic mode. Let's work in backend mode now. Now you can add any element you want, you can see tons of custom elements, created by us for this theme, each element have it';s own options inside, all is very intuitive and easy to customize.

Dustra theme has a lot of Element you may use any of them and also you may apply your own styles such as section wise background color, increase or decrease margin, padding also you may set your desire image as a background image.Every element has this option Design Options you may use it as per your choise.

• Creating menus. To create or edit existing menu you need to goto wp admin panel > appearance > menus. There you will see options to create menus, create menu items, manage menu locations ( assing exact menu to different locations )
• Adding pages to your menu. To add page to menu simple choose the menu you want to work with, then in left part you will see pages, links, posts, and much other things to add to menu, select the item you want to add to menu. After adding item to menu you can drag and drop your menu items to organize menu the way you want.

Theme Option

All the theme options are the location Dustra Options of Dashboard Menu Bar. This section will explain each option in details.

#General Tab

• Upload Favicon Logo
• Breadcumb Hide/Show
• Upload Breadcumb Image

#Topbar Tab

• Facebook Url.
• Tritter Url.
• Dribble Url.
• Pinterest Url
• Address.
• Mail.

#Header Tab

• Upload Header logo.
• Header Contact Text
• Header Contact Number

#Blog Tab

• Blog Sidebar Position.
• Blog Topbar Hide/Show
• Blog Select Header Style
• Blog Select Color Style
• Blog Content Limit

#404 Options

• Background Text
• 404 Title
• 404 Description

#Footer Tab

• Upload Fotter Background Shape
• Footer Copyright Text.

#Styling Tab

• Theme Main Color
• Tab Right Color
• Footer Color

Customizer Option

The theme lots of easy to use options to customize the design of your site. Most of your theme options can be found in the live WordPress theme customizer. Simply navigate to Appearance > Customize to make changes to the design of your website.There you can find all options to change anything in theme, it is easy and intuitive. This is live customizer, so all changes you can see at once, without saving, then when you like result, save.

To work with widgets in sidebars or in footer, you need to goto wp admin panel > widgets. There you will see areas, where you can place widgets ( in right area of the page ) and available widgets ( in left area of the page ). Simply drag and drop widget to the widget area you want, then configure widget settings, and you will see the result in your website.

You can find different custom post types in theme, like Gallerys, Services and others. Custom post types are located in wp admin panel main menu and all they are easy to customize. Simply goto custom post types and add or edit existing single items for each custom post type.

Dustra Contact Form

• 1. Make sure that you installed Contact form 7 plugin. After installing this plugin you can create contact forms. Goto wp admin panel > Contact > Add New.
• 2. Give a Name"Dustra" to your form and change Mail Info.
• 3. Now you can create contact forms, by adding different form element.
• 4. Now you can place your contact form shortcode anywhere you want as Elementor builder element.

Here is your theme contact form code for style "Dustra".

                   
                      

    <div class="row contact-form">
        <div class="col-lg-12">
            <div class="form-group">
                [text text-727 class: form-control placeholder "Name"]
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6">
            <div class="form-group">
               [email email-737 class: form-control placeholder "Email"]
            </div>
        </div>
        <div class="col-lg-6">
            <div class="form-group">
                [text text-727 class: form-control placeholder "Phone"]
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="form-group comments">
                [textarea textarea-291 class: form-control placeholder "Tell Us About Projects *"]
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
          <button type="submit" name="submit" id="submit">Send Message <i class="fa fa-paper-plane"></i></button>
        </div>
    </div>