Tronix Documentation

Support

Thank you very much for purchasing my Theme. We've put a lot of hard work into it, and we hope you love it as much as we do. As far as the documentation is concerned, we have tried to cover as much as possible to help you get your new Theme up and running and to help you customise it.

We love to hear your feedback - if you find any bugs or have suggestions for improvements please get in touch. Nearly all of the time we follow your advice.

If you like our work, please rate it. If you’re about to rate it with less than 5 stars, please let us know the reason first and we will do our best to improve the theme. Thanks so much!

WordPress Information

Since WordPress is constantly being updated information about how to install WordPress may become out of date, so you always can read official guide HERE

Below are all the useful links for WordPress information:

Theme Installation

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

WordPress upload
  1. Login to WordPress admin.
  2. Go to Admin panel > Appearance > Themes > Add New > Upload Theme.
  3. Click on Choose File and select Tronix.zip.
  4. Click on Install Now.
  5. When your theme is successfully installed, click Activate to activate the newly installed theme.
FTP upload
  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 Paragon 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 Tronix.zip file, not entire package you downloaded. If you upload the wrong file you will get an error stating “Error: missing style.css stylesheet.”

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

Installing Required Plugins

When you first install the theme you'll see a popup on your dashboard from the theme asking you to install a number of plugins.

You must install and activate all plugins

Demo Install

Install Plugin Tronixcore and go to Tronix Options > Import Demo

Install and Activate all required plugins and click to Install. The upload process can take up 5 minutes. So please, be patient and do not close the page.

Theme Settings

Ok, so far we have installed the theme, we have installed the plugins and imported the demo data, whats next?

The final step in getting your new theme setup and ready for you to edit as you wish is to setup your home page and menu. To begin, head to Settings > Reading, here you will need to set your Front Page.

How to Set Up Menus

To create and activate your new menu follow the steps below:

  1. Log in to that site as an administrator.
  2. Go to Appearance > Menus panel.
  3. Give your menu a name and click Create Menu button.
  4. Add few simple links form Links tab.
  5. Save your menu.
  6. Navigate to Manage Locations tab (at the top of the screen).
  7. Choose your new menu as Header Menu.
  8. Save changes.

Theme Options

The main theme settings are in Theme Options Panel

  1. Log in to that site as an administrator.
  2. Go to Appearance > Tronix Options
Genarel Options

Typography Settings

Header Setting

Breadcrumb

Blog Page Others Page

404 page Settings

Footer Setting

Script Setting

BackUp

Elementor Page Builder

How To Use Elementor

Contact Form One

For the form, we use the plugin Contact Form 7

Contact Form 7 is our recommended form plugin for WordPress. It is a simple but powerful form creator for WordPress. Here we will show you how to use Contact Form 7 to create and edit a basic form.

After Contact Form 7 is installed, you will find a new menu item in your WordPress admin area called Contact, here is where your forms and created and edited.

Contact Form

<div class="tronix-contact-from-three-wrappwr">
    <div class="row">
        <div class="form-title-wrp">
            <h5 class="form-title"> Fill The Contact Form </h5>
            <div class="form-des"> Feel free to contact with us, we don’t spam your email </div>
        </div>
        <div class="col-lg-6 col-md-6 col-12">
            <div class="tronix-input-area">
                [text* fname placeholder "You Name"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-12">
            <div class="tronix-input-area">
                    [number* number placeholder "Phone"]
            </div>
        </div>

        <div class="col-lg-6 col-md-6 col-12">
            <div class="tronix-input-area">
                [email* email placeholder "Email Address"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-12">
            <div class="tronix-input-area">
                [text* Subject placeholder "Website URL"]
            </div>
        </div>
        <div class="col-lg-12 col-md-12 col-12">
            <div class="tronix-input-area message">
                [textarea* message 10x3 placeholder "Message"]
            </div>
            <div class="tronix-contact-button button">
                [submit class:theme-btns "Get a Quote"]
            </div>
        </div>
    </div>
</div>

Contact form Home two

<div class="tronix-contact-from-one-wrappwr">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6 col-12">
                <div class="tronix-input-area">
                    [text* fname placeholder "You Name"]
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-12">
                <div class="tronix-input-area">
                    [email* email placeholder "Email Address"]
                </div>
            </div>
            <div class="col-lg-12 col-md-12 col-12">
                <div class="tronix-input-area">
                    [select select "Basic" "Advance"]
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-12">
                <div class="tronix-input-area message">
                    [textarea* message 10x6 placeholder "Message"]
                </div>
                <div class="tronix-contact-button button">
                    [submit class:theme-btns "Submit Message"]
                </div>
            </div>
        </div>
    </div>
</div>

Contact Form Three

<div class="tronix-contact-from-two-wrappwr">
    <div class="row">
        <div class="form-title-wrp">
            <h5 class="form-title"> Fill The Contact Form </h5>
            <div class="form-des"> Feel free to contact with us, we don’t spam your email </div>
        </div>
        <div class="col-lg-6 col-md-6 col-12">
            <div class="tronix-input-area">
                [text* fname placeholder "You Name"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-12">
            <div class="tronix-input-area">
                    [number* number placeholder "Phone"]
            </div>
        </div>

        <div class="col-lg-6 col-md-6 col-12">
            <div class="tronix-input-area">
                [email* email placeholder "Email Address"]
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-12">
            <div class="tronix-input-area">
                [text* Subject placeholder "Website URL"]
            </div>
        </div>
        <div class="col-lg-12 col-md-12 col-12">
            <div class="tronix-input-area message">
                [textarea* message 10x3 placeholder "Message"]
            </div>
            <div class="tronix-contact-button button">
                [submit class:theme-btns "Get a Quote"]
            </div>
        </div>
    </div>
</div>

Newsletter

<div class="tronix-contact-from-newslatter">
    <div class="row">
        <div class="col-lg-12 col-md-12 col-12">
            <div class="tronix-input-area">
                [email* email placeholder "Enter your email"]
                            <div class="tronix-newslatter-btn button">
                [submit class:theme-btns "Subscribe"]
                </div>
            </div>
            
        </div>
    </div>
</div>

Translation

Theme is ready for translation and included .pot file. Tronix/language/Tronix.pot
You can translate theme with Poedit or install plugin Locotranslate

More Information here