Welcome to Auxo

• The theme zip file Auxo-v1.0.0.zip (included WPBakery Page Builder and Revolution Slider plugins)
• Document in Documentation-Auxo.zip

Struct look like:

Auxo includes 5 other folders. Please see explanation below for more details:

• assets: Store less, js, resource default and another plugin for theme. Besides include file for demo data.
• g5plus: Store template that contains blog and core
• inc: Store all functions and plugin of G5
• languages: Store .pot file for translate to another language
• templates: Store templates for header, footer, archive, comments, breadcrumb.

Here, we outline all types of necessary information, and provide you with all the essential details you require for using Auxo theme. Auxo can only be used with WordPress and we presume that you already have WordPress installed and ready to go. Please ensure that you are running WordPress 5.0 or higher, PHP7.2 or higher, and MySQL 5 or higher. We have tested it with Mac, Windows and Linux. Below is a list of items you should ensure your host can comply with.

Recommended PHP Configuration Limits

• max_input_vars = 3000
• memory_limit = 256M
• max_execution_time = 300
• max_input_time = 300
• upload_max_filesize = 64M
• post_max_size = 64M

Many issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as our requires

Please consult Check System Status section to make sure your server is set up properly and the theme and content will be loaded correctly. Enough server configuration will also ensure fast speed and increase performance.

Navigate to Themeforest account and access at Downloads page in the profile. You’ll see the Download button in front of Auxo theme. After you click it, you’ll get the options to download all files in zip-archive , licenses and purchase code, or installable pack only (We would recommend you to install all files of the theme).

Please, unzip the archive on your computer. you’ll get the themeforest-17387412-Auxo-wp-theme folder. All the information you may need is located in it.

Install Auxo theme via WordPress

Step 1 - Login to your Wordpress Dashboard

Step 2 - Go to Appearance → Themes. Click the Add New button or Add new theme link. (check screenshot below)

Step 3 - Click on the Upload Theme button. Locate g5plus-Auxo.zip and click Install Now.

Step 4 - Click on the Activate button to activate Auxo.

In cases where you uploaded the files with other FTP tools, open the Wordpress dashboard and navigate to Appearance → Themes. You can Activate Auxo from the theme choices there.

If you don’t like following through the above mentioned step-by-step or need more instructions, then let’s go to consult our video guide on How to install Auxo theme with all demo content via WordPress

Congratulations, you have now activated Auxo! You can now proceed with Auxo's Plugin Installation.

Installation via FTP

Step 1 - Log into your Hosting server using an FTP client (like FileZilla or WinSCP).

Step 2 - Locate "g5plus-Auxo.zip" that you found in your ThemeForest Package and unzip it somewhere on your hard drive. Once it is unzipped it will look like a folder named Auxo with all theme files in it.

Step 3 - Locate your Wordpress installation and upload the theme directory Auxo (you unzipped in the previous step) into ../wp-content/themes/ in your Wordpress installation.

Step 4 - Click on the Activate button to activate Auxo. Congratulations, you have now activated Auxo! You can now proceed with Auxo's Plugin Installation.

Child Theme

A Child Theme is specifically for developers who are willing to make changes to the critical functions and codes (If you do not intend to go that far, you can ignore this chapter).

IMPORTANT : If you want to edit the templates and functions of a theme, we always advise you to incorporate or install Child Theme and make changes therein. To know more about the need and purpose of creating child theme, visit WordPress Codex on: codex.wordpress.org/Child_Themes.

In the downloaded theme package, you will see materials required for Child Theme named g5plus-Auxo-child.zip archive. You can install child theme in a similar way as you install main theme.

In the child theme, almost all files from main theme can be replaced. It doesn’t concern or affect only .php-files with templates and basic logics, but also .js and .css files from respective files and folders with images, icons etc,.If you are thinking about changing some functions of the theme or adding new ones, you have to create file functions.php in the g5plus-Auxo-child folder, and add all requisite functions into it. If our WordPress theme has functions with such names, they will be replaced by yours, if not – your functions will complete the logics of our theme.

If you want to replace some functions from other files (except functions.php), we highly recommend you, NOT to copy-paste respective files into the child theme, but instead create the respective functions in functions.php in the child theme. This should be strictly implemented, so that while updating them, new functions from these files are available for use.

All plugins required have been into your download package, so you only need to do is click on the "Begin installing plugins".

You can view this video to install plugins and demo successfully

Before you install the plugins, you have two option:

1- You don't need to install the demo data and you can built the page you want by our templates, you don't need install/active G5 Install Demo plugin

2- You need to install the demo data, you need install all require plugins and active theme

You should be navigated to the Install Required Plugin page, which shows reqquired plugins list, all you need is clicking on the checkbox beside "Plugin" label to select all plugins in the list, then choose "Install" from the drop-down list at the top and then click "Apply".

The installing process status will be shown in your browser. It may takes a few minutes, so please be patient. After sucessfull, your screen like that

When the notice "All installations have been completed" appears, click on the "Return to Required Plugins Installer" link to turn back to the plugin list.

Next, click on the box beside the Plugin label again to select all plugins and choose Activate this time as image below.

WPBakery Page Builder and Slider Revolution are LICENSED to be distributed with Auxo theme (Template Library is not included with this version of WPBakery Page Builder). So you DO NOT need to PURCHASE any separate license to activate them. We'll continue to provide updated and stable version of all required plugins for the life time of Auxo theme. You DO NOT need to purchase any supporting plugin which is part of the theme bundle.

Please sign-up and log-in to our support site to download the latest version of WPBakery Page Builder and Revolution Slider plugin throught this link

System Status help you get important information of Server and WordPress environment without having to check the system status on your server. Please check this page before contacting customer services and asking your server to change the status of the server as we recommended.

From admin dashboard, go to G5Plus Auxo → System

You could please consult our guide on How to increase the PHP limits here: How to increase the PHP limits

With Auxo, you can build a fully functional website just by clicking a button and install our demo data or click Manually Setup section to build your website step by step. Your Auxo installation will be set up with what we have on our demo website, and you can use it as a template to develop your own website.

Go to G5Plus Auxo → Install Demo

Then choose option button to install demo as you want:

• Only Setting: Click this button to install only demo settings
• Install: Click this button to install all settings with demo data of Auxo

You can create a custom URL structure for your permalinks and archives. Custom URL structures can improve the aesthetics, usability, and forward-compatibility of your links. You should ensure that a non-default permalink setting is selected, e.g. Month and name in Settings → Permalinks .Then select Post name and click Save Change

Please go through the Setup Homepage section to learn how to set Front Page and Posts page

Page Settings is one of the Auxo's features that located within each page and post. Page Settings will only affect the individual page you change them on and overrides options set in the Theme Options and Preset (If this page/post applied any preset).

FIRST, CREATE A NEW PAGE

From WP-dashboard, navigate to Page → Add New.

WPBakery Page Builder is the most powerful and used WP pagebuilder and there is more than 1 million sites that are using that to create homepage. This plugin is included in Lustria theme by free to create advanced and complex homepage in simplest way ever has seen! Now you can start fiddling with WPBakery Page Builder to build your home page with any design that you like and also you can read the WPBakery Page Builder documentation to learn how to use it HERE

You could consult our video guide on How to create page using WPBakery Page Builder

If you DID NOT One Click Install Demo, you will need to MANUALLY CREATE your Home and other pages. Here’s how to build a new page:

Creating pages is the foundation of creating your site. You can create any number of pages with content. Our theme includes several page Templates to choose from, and you will need to choose the page template that suits your needs. All of this is done in the pages section of your WordPress admin. Continue reading below to learn how to create a new page.

Step 1 – Navigate to Pages in your admin sidebar and click Add New option.

Step 2 – Input a new name for your page, and click WPBakery Page Builder to build page by WPBakery Page Builder (make sure that you have installed and activated WPBakery Page Builder plugin).

Content for your page goes in the editing field, use the Visual or Text editor.

Page content is mainly built using Elements & Shortcodes. See the Page Shortcodes/Elements section for how to use them. You can also use our demo content, see the corresponding section of this document for the demo code of each page.

Don't click BACKEND EDITOR: It means that you could input content to Classic Mode Area, then go to Step 3

Click "BACKEND EDITOR": your screen could be like this

Step 4 - Setup values for Page Settings which will affect to this page only and override options set in the Preset (if this page apply any Preset) or Theme Options. With each page, Page Settings is first priority, next is Preset, then is Theme Options, any change in Page Settings just affect to this page, not entire website.

You can take a look SETTINGS in bellow POST SETTING . Settings of page same with settings of post

POST SETTINGS

From WP-dashboard, navigate to Post → Add New.

Post Settings that located within each POST has 6 sections: Post settings section, Header settings section, Footer settings section and Layout settings section, Color settings section, Typography settings section. This sections are similar the sections in the Page Setting in each page editor, and Post Settings in post editor have more sections for post settings as below:

Post setting

Header setting

Footer settings

Layout settings

Page title settings

Color settings

Typography settings

Content management is a breeze with Auxo and it requires absolutely no coding skills. Using a highly customized version of the WPBakery Page Builder plugin the theme offers a user friendly Drag-Drop interface for easy page creation and editing. Follow these simple steps to create a Page with Auxo theme:

Step 1:Go to Pages → Add new in your Dashboard. Add a Title to your Page (top field).

Step 2:Switch to Backend Editor if you are currently under Classic Mode (button below Title field).

Step 3:Start adding page content by clicking on the Plus button or Add Element.

Step 4:The Add Element Popup appears, click on the first element in order to add a new Row to your page. A Row is a main building block of a page, you can split your Rows into Columns, place various elements into your rows, set Row Backgrounds, effects etc.

Step 5:Once you have the new Row added to your page you can split that Row into Columns in order to Achilles elements nicely in it. Once you split your Row into column you can start adding different Page Elements into your columns. If you want to edit your Row/Column Settings click on the small Pen icon (top right corner of the Row/Column). You can also Duplicate your Row with the Icon (duplicate icon) next to it or Remove the Row/Column with the icon to the right (trash bin icon).

Row Settings (General)

Click on the Edit Row button (Pen icon, top right of the Row). You will see the Row Settings Dialog popup.

Layout

Container Width - Define the width of the container. The container will full width by default

Content Width - Define the width of the content area.

Columns gap:

In order to control gaps between columns navigate to row parameter window and change column gap option - the gap will be introduced between all columns within this row. Default value of gap is set to 0.

Important: In case of mobile stacking gap will be introduced between stacked columns as well.

Full Height Row and Video Background:

Equal height:

In order to set columns within row to be equal height you must navigate to row parameter window and check Equal height option to be active. All columns within this row will have equal height and align to the longest column.

Content position:

In order to control vertical alignment of content within rows/columns navigate to row parameter window and select position of content - top, middle or bottom. By default value is set to "Default" meaning it will use Top or any other alternative if defined within your WP theme.

Parallax:

Show background overlay (Overlay Color)

Step 1: - Select Overlay Type

Step 2: - Click button to select color of background overlay

Step 3: - Set opacity for overlay (0 → 100)

Show background overlay (Overlay Image)

Step 1: - Select Overlay Type

Step 2: - Click button to select image or set background image from Design Options

Step 3: - Set opacity for overlay (0 → 100)

Row ID

Set ID of row (Note: make sure it is unique and valid according to w3c specification)

Row Settings (Design Options)

Managing Columns

Once you have the desired number of columns in a Row you can manage each Column's individual settings by clicking on the Toolbar icons of that specific Column. The Plus Icon adds an element to the top of the Column, the bottom Plus Icon adds an elemnt to the bottom of the Column. The Trash Bin icon remove the Column. Access the Column Settings by clicking on the Pen Icon.

Column Settings (General)

Access the Column Settings by clicking on the Pen Icon. The General tab provides with the option.

Extra class name: add CSS classes to your Column if you wish to access it via CSS (can pass more than one divided by a space).

Column Settings (Design Options)

Column Settings (Responsive Options)

Adding Page Elements to your Page is pretty straightforward. First you need to have created a new page, added a Row to it and defined your Row Columns (read more in the previous section).

Step 1:Click on one of the Plus Icon within the column you want to add a new element to.

Step 2:The Page Elements dialog will appear, click on the element you want to add to your Column/Row.

Step 3:The Element Settings Dialog of the Element you are adding appears. Customize your element anyway you want, then click Save.

Step 4:Your element is now in the Column you added it to. Once you hover your newly added element you will see a small popup that let's you manage it. You can do the following with your elements:

Move - Drag your element via the Direction Icon to move it around within the Column,Row or Page.

Edit - Click on the Pen Icon to edit your Element's properties.

Clone - Click on the Copy Icon to duplicate your Element.

Delete - Click on the Trash Bin Icon to remove your Element.