1st way: Upload via FTP Server

3. Open the WordPress admin panel by going to www.your_domain.com/wp-admin/.

4. Go to Appearance > Themes on the sidebar.

5. Activate The Guard theme.

Video

2nd way: Upload via WordPress Admin

1. Open wordpress admin panel (navigate through web browser to the folder where you have installed the WordPress e.g www.your_domain.com/wp-admin/) and go Appearance > Themes on admin sidebar..

2. Click on the Add new button.

3. Click on the Upload Theme button.

4. Click on the choose file button, select "the-guard-installable.zip" and click Open, and than Install Now button.

5. Activate The Guard theme

Install Plugins & Content: 1 click installer

Acivate the theme. Install and activate SecretLab Installer plugin.

Go to Appearance -> Welcome page. Choose version of design that you want to install and click Start installation button.

Go to Theme Options and save settings. All done!

Video of automatic install process

Manual Theme Install

If you cannot finished automatic installation and got any server arrors, you can use manual installation. There are step-by-step installation functions - just click and wait. There are 13 steps. Every step can be done automatically by button Do it or manually by link (if it couln't be done automatically).

1. Install and activate plugins.

2. Refresh the page.

Video how to make step-by-step automatic install and full manual, if something went wrong

Files for full manual installation is at folder /the-guard/import/.

Explanation for video

If you got error, you can see what happened in Install Log and ask your hosting administrator to check php error log, to get a reason of error. Also you can use Manual Install

You can continue installation process from step that got error.

1. Click 1. Begin installing plugins

Select all plugins, choose Install and click Apply.

2. Click 2. Begin activating plugins

Select all plugins, choose Activate and click Apply.

3. Click 3. Refresh the page

4. After the installation and activation of the plugins is complete, go to Appearance > Welcome and choose second step 4. Import Custom Post Types. On the Import/Export page choose types_plugin_settings.xml file in the import folder and click Import file. This is Custom Post Type for portfolio, testimonials, services and teammates.

You will be prompted for what groups, fields, and types you want to create. Select them all. This will create the Custom Post Types for portfolio, testimonials, services, and teammates.

Click Browse button, choose the slider in the /import/name_of_design/sliders/ folder and click Import. You need to import all of sliders for your selected design.

6. Click 6. Import Theme Option Set on welcome page. Open file with theme option settings in the /import/name_of_design/ folder. For example, /import/name_of_design/theme_options.json. Copy all text data, click button import from file, paste the data into the textarea, and click Importbutton.

7. Click Do it at 7. Import Icon Fonts and wait a few secons, it must setup icon font. If it display error, click Import Icon Fonts or go to Ultimate -> icon Manager and click button Upload new icons and choose zip archive alico.zip from folder /the-guard/import/ and click Insert Fonts Zip File button. Make the same with security.zip

Theme Update

Before you are start to update theme, make data backup please.

There are 2 ways to update the theme:

1. Update by Envato Toolkit.

- After theme update, deactivate and and delete plugins WPBakery, ultimate Addons for WPBakery, Revolution Slider, SecretLab Shortcodes, SecretLab Metabox and install it via yellow message at the top of amin page. The message appear when you delete some required plugins.

After this, go to page when you get error, refresh it. And if you get error again, go to /wp-content/debug.log to read information about the error. When you know what is the problem, you can solve it or send message to your hosting to fix it.

Cant change color scheme?

These colors from color scheme savings into CSS-file after you click "Save Changes" button at theme options. If color scheme doesnt changes, check writable permission for file and folder for CSS files:

License Keys for plugins

I bought developer extended licenses for WPBakery, Ultimate Addons for WPBakery and Slider Revolution. I must not share these keys (i have no permission to do it) - i provide updates of plugins with update of the theme.

1st reason: I have no permissions to share my developer license with customers.

2nd reason: If you are update WPBakery - you will crash some elements of the theme or design. I testing every version of WPBakery, ultimate addons for WPBakery and other plugins. Do you want testing it by yourself and fix any bugs? I dont think so. I protect you from crash your website.

Online documentation for another plugins

Contact 7 Troubleshooting

If your message doesnt sent by form, ask you hosting to check php mail function problem.

General Setting

You can set your Google Map API key, company name, choose your home page, upload your logo and configure pageloader.

Contact & Map

You can add your contact information.

Social

You can toggle the social icons on and off and add the urls of your social pages.

Layout: Design Options Tab

On the Layout tab, , you can choose which design version you want to use, set transition time for effects, and choose page layout and sidebar options.

Header: Design Options Tab

On the Header tab, you can choose header type, slider or hero scene. (Sliders can be created in Slider Revolution.) You can also turn the top bar off. Also you can configure Call-to-Actopn Button for Header #7

Footer: Design Options Tab

On the Footer tab, you can edit the copyrigh text, choose type of footer, hide scroll butoon of social icons, and set background.

Menu: Design Options Tab

On the Menu tab, you can edit colors for menu for every headers and backgrounds for the dropdown menu item. After uploading image on this screen, add class subbgr1 or subbgr2 to menu item on Appearance -> Menu page. You can also edit background for the sticky menu that appears with each header. Also you can configure sticky menu optiuons

Custom Post Types: Design Options Tab

Here you can configure Portfolio, Services, Teammates and testimonials custom post types. Also you can edit texts, headings and descriptions for these post types.

Custom

On the Custom tab, you can add any custom CSS and JS code and turn off the Scroll to top button.

Typography

Powerfull setting for typography with 750+ Google Fonts

Shop

Select slider and sidebar options for your store. Also you can turn on/off the shopping cart at the menu.

Blog

This is where you customize your blog display options. Select page layout, sidebar, and column options. These options work for the blog page, /blog/ category and subcategories pages. You can also select slider for blog's header.

Color Scheme

You can edit colors of the design. Also you cna load presets of colors. Presets is includes color scheme, typography and menu colors.

Import / Export

You can download and import Theme option settings.

Where to edit?

Sidebars: How Sidebar System Work?

For any page or post you can add individual sidebar setting by our Metabox plugin

For Shop - Theme Options -> Shop. You can add nessesary widgets in Appearance -> Widgets at Left Shop Sidebar and Right Shop Sidebar

For Blog - Theme Options -> Blog. You can add nessesary widgets in Appearance -> Widgets at Left Blog Sidebar and Right Blog Sidebar.

We recommed put all your blog's categories into Blog category with slug /blog/ for proper operation of blog's settings.

Shortcodes

The theme using a lot of shortcodes: WPBakery, Ultimate Addons for WPBakery and SecretLab Shortcodes. You can find full information about these plugins at official documentations. And info about SecretLab Shortcodes is here.

Icon Fonts & Icon Font Manager

Icon Manager supplied with Ultimate Addons with WPBakery and support upload icon fonts, that was prepared at Iconmoon App. You can create icon font and upload .zip archive to Icon manager to use icons for display through WPBakery.

Website Speed Optimization and Cache Plugins

1. Download and install W3 Total Cache plugin
- Go to Performance > General Settings
- At the end of this page you'll find "Import / Export Settings" section which you can import "w3-total-cache-config.json" file. The mentioned file is available via Package Content Folder > IncreasePageSpeed

2. Go to cloudflare.com and set your website, it's free. If you dont want to use CDN, you can use only cache plugin. Settings for cloudflare below:

Results after W3 Total Cache and CDN for homepage

Also I've been tested the theme compatibility with other cache plugins:

Support Desk

Please remember you have purchased a very affordable theme. You have not paid for a full-time web design agency. Occasionally, we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your convinience, so please be patient, polite and respectful.

* Responding to questions or problems regarding the theme and its features

* Fixing bugs and reported issues

* Providing updates to ensure compatibility with new software versions

Theme support does not include:

* Customization and installation services

* Support for third party software and plug-ins

Before seeking support, please...

* Make sure your question is a valid Theme Issue and not a customization request.

* Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.

* Make sure to double check the theme FAQs.

* Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.

* If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.

* Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.

* Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.

Files & Sources

Included Stylesheets

These are the primary CSS files used for general front-end styling. Use these to customize your theme even further. All included JavaScript codes under the-guard/css/