Dustra

Dustra - Dustra- Factory & Industrial Theme

Thank you for purchasing our Theme. We hope that you find all your questions regarding this Theme answered in this Documentation as much in details as possible. However, if you still need support, do not hesitate to contact us at our support forum for this Theme. If you have any questions that are beyond the scope of this help file, please feel free to email me. Thanks so much!

Intro

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…

Instalation

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.
When you use first or second method, please make sure that you're uploading the Dustra.zip file, not entire package you downloaded. If you upload the wrong file you will get an error stating “Error: missing style.css stylesheet.” (static website).

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"

If you are installing your theme from the WordPress theme installer, but get a message that says "Maximum Execution Time Exceeded in WordPress", most likely your web server is configured with PHP settings that are too low to allow the theme ZIP file to upload. Specifically, PHP is configured to a maximum file upload size limit at 8 megabytes or less. The theme ZIP is about 10 megabytes in size. Thus, the web server is rejecting the upload. WordPress is giving you a rather ambiguous message in response. This is not a theme fault or bug. There two ways to solve this problem:.

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
                            
                        

Plugin Installtion

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

One Click Demo Import

Before Demo Import Please make sure that successfully activated all required plugins in your theme.
  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

Thumb

Setting up new Pages

Dustra Elements

Thumb

Setting Up Your Front Page

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.

Thumb

Setup Breadcumb Pages

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

Thumb

##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

Thumb

Thumb

Elementor

  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.

Thumb

How to Control and use Element as per your wish?

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.

Thumb

Theme Customize

Theme Option

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

Thumb

#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

  • In this tab user can select any color to use in this theme

Thumb

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.

Thumb

Working With Widgets

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.

Thumb

Custom Post Types

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.

Thumb

Contact Form 7

The Dustra theme has two own styles "Dustra" and "contact-us". if you want you may use both of them. Don't worry, I will show step by step how to use it.

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.

Thumb

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>
   
    

Child Theme

Dustra is fully child theme compatible. We have attached a basic child theme to the download package which contains the minimum of required files. If you are planing any code customisations we highly recommend to do this inside the child theme! Learn more about child themes here

Thank You

Thank you so much for purchasing this product. If you have a more general question relating to this product on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section