Install. Customize. Impress.

Our Themes brings your site to the next level.

exertion Install
VictorThemes - Customization

Folder Structure

Let's talk about what's inside the downloaded package.

Once you purchased our theme you've to download All Files & Documentation zip file. Following folder structure is based on that zip file, in that zip file only you'll get all of our theme files including demo content & offline documentation folder.

themeforest-exertion-architecture-and-interior-design-wordpress-theme.zip
  • Demo Data - this folder contains, demo data files. But you can install these files within One Click Installer steps.
    • exertion.xml - it contains all of our live site contents
    • theme-options.json - it contains theme options settings
    • widgets.wie - it contains all widgets that we used in live
  • Documentation - it contains offline documentation files, just simply what you're seeing now.
  • Licensing - it contains envato and WordPress standard licensing information files
  • Plugins - it contains plugin exertion theme core plugin file and other premium plugins files
  • exertion.zip - this is the right file to install in your WordPress admin.
  • exertion-child.zip - this is just a child theme, if you want to edit any code files within theme, use this child theme. Don't edit any codes within parent theme.

Install Theme

Upload the exertion.zip file.

The effective way to install our theme is just follow our video guide. Everything is strait forward to install our theme like a live demo experience within a few minutes.

Watch Video - Following 3 Steps

[OR]

Follow The Simple Image Steps

Install Plugins

Please select your needed plugins to Install and Activate.

Our live site demo content xml's have required plugins contents too. If you (miss or skip) this step and move on next step of One Click Installer then, you'll not get any plugin related contents and settings in your site. So, please (Install & Activate) your needed plugins first.

Install Plugins

Name Role
Exertion Core It's our core plugin, it've shortcodes and custom post types.
Contact Form 7 Contact form plugin to have email form.
WP-PageNavi Effective pagination plugin, used in blog pages.
WPBakery Visual Composer Easy to use drag and drop page builder plugin.

One Click Install

Simple & Effective!

In this step you'll get all live demo contents to your own site, that you're experienced with our live demo site. There is no more trick and no more surprise. You'll get all up and running website within few minutes of installation process.

VictorThemes - Customization
One Click Install

Pages

Create your page from your Great Ideas!

Creating & Customizing a page is really simple process. As you see in following screenshot example. Each area noted as numeric points. Each number have detailed explanation under the screenshot area.

Pages
  • 1

    Add New Page

    The first step of creating a page is Pages > Add New. Pages are mostly related to explain your business static informations. And contents made by collection of shortcodes.

  • 2

    Page Title

    Page title is most important in all manor. It's also a important for SEO purpose. So, please make sure you're entering right page title for that page purpose.

  • 3

    Page Builder

    Our theme includes Visual Composer Page builder. Use Classic Mode to add shortcodes in backend. If you not see this, make sure to install & activate Visual Composer Plugin.

  • 4

    Add Shortcodes

    You can add any shortcodes available via clicking that plus icon. Just simply watch this video first. Want to work like a pro? Click Here to watch video guides.

  • 5

    Page Custom Options

    Page Custom Option is most important about controlling page specific things apart from other common pages. You can control: Menu Bar, Title Area, Content Area & Footer. Page Layout option also in page custom options here you can controlling the width of the page. You have page layout options like Full Width, 100% Width, Left Sidebar and Right Sidebar.

Page Custom Options
Menu Bar
- Control menu styling of the page.

1. Theme Options Default - if you selecting this option the changes made from Exertion Option > Layout > Header > Menu Bar are viewed in your page.
2. Custom - if you selecting this you have more custom options in the bottom of this section in that you can select your custom menu bar options.
3. Hide is the third option in Menu bar if you want to hide your menu simply select this option.



Title Area
- Control the title section of the page.

1. Theme Options Default - by selecting this option changes made from Exertion Option > Layout > Header > Title Area are appeared in your page.
2. Custom - if you selecting this you have more custom options in the bottom of this section, In that you can select custom Title Area options.
3. Hide is the third option in Title Area if you want to hide your Title area simply select this option.



Content Area
- Control your content area section of your page.

With options like Content Spacings, Background of the Content Area, Inner,Outer Backgrounds and Overlay Colors of your content. .

Enable & Disable - Options for Enable or disable Header & Footer of your page by simply selecting that switchers.

Page Layout
Page Layout
- Controlling the width of the page.

By selecting 100% Width the page will show in 100% width, if you selecting Full Width The page will shows in Full width of your screen.



Show Sidebar
- Control the sidebar for the page.

If you need to show side bar simply on the switcher then Sidebar options are shown in the bottom.
1. Left Sidebar - If you need sidebar in Left side of the page.
2. Right Sidebar - If you need sidebar in Right side of the page.
3. Sidebar Spacing with Content Column - Control the spacings for sidebar by selecting the Space options from dropdown menu.
4. Sidebar Widget - You can select the particular widget to show in sidebar in by selecting from dropdown.

Theme Options

Global Approach, Changes Will Apply to the Entire Site!

What ever options you miss from above Page Options, pretty much everything you'll find here. These all options get affect in globally. Like: Logo, Fav Icon, Layout Options, Header, Footer & Etc. Some of sections you'll find top right YouTube icon, like below screenshot. It means, we've explained that section as a video format. So, you'll get clear understanding of how it's working and that section tricks.

Theme Options
Detailed Explanations
In every theme first step of our customization is about logo change. So, this is first and foremost important step. In this page we've explained about how to change logos and that tricks.
Fonts are managed by Google fonts list. But you can also upload your own custom font and select it where ever you want to change it. Everything is strait forward to change typo options.
Changing colors in our theme, is pretty simple. You can change that from : Appearance > Customizer. So, you'll see live changes while you change each section colors.

Posts

Posts is just like Pages

In our theme you'll find our posts like in following screenshot. We've explained about it by each section and each meta boxes you see here. Contents are controlled by Visual Composer Page Builder. So, there is no more extra tricks to using it.

Where i can show this posts into our site front end?

In your WordPress admin panel you'll see Settings > Readings. Goto that page, and you'll see A static page example. Please select your prefered page at : Posts Page.

Post Options
  • 1

    Add New Post

    The first step of creating a post is Posts > Add New. In our theme you can add those contents from Visual Composer Page Builder. So, you can add lots of columns and layout controlled things.

  • 2

    Post Title

    Post title is most important in all manor. It's also a important for SEO purpose. So, please make sure you're entering right page title for that page purpose.

  • 3

    Page Builder

    Our theme includes Visual Composer Page builder. Use Classic Mode to add shortcodes in backend. If you not see this, make sure to install & activate Visual Composer Plugin.

  • 4

    Add Shortcodes

    You can add any shortcodes available via clicking that plus icon. Just simply watch this video first. Want to work like a pro? Click Here to watch video guides.

  • 5

    Page Custom Options

    Page Custom Option is most important about controlling that post specific things apart from other common posts. You can control: Menu Bar, Content Area, Header and Footer.

  • 6

    Featured Image

    Using of this option you can upload featured image directly here. There is no more surprise of using it.

Testimonials

Show your Clients Testimonials!

In our theme you'll get testimonials at : Company > Testimonials. You can call these testimonials list using Visual Composer - Testimonial Shortcode.

Not have this in WordPress menu?

If you not see this menu in your WordPress admin panel. Please make sure you've Installed & Activated Exertion Core plugin.

Testimonials
  • 1

    Company > Testimonials > Add New

    All testimonial shortcode contents are managed from this location. Utilize the each fields in this area to show effectively in shortcode version.
  • 2

    Title

    Title is just for your reference, so enter the title based on it, category and that testimonial approach.
  • 3

    Content

    This is the exact location of your client testimonial content. Mostly three lines is recommended for better viewing as a shortcode element in all testimonial styles.
  • 4

    Testimonial Client

    In this box, you've to enter the client informations Like, name and link for that name and also profession and link for that profession. It'll show in our testimonial shortcode element.
  • 5

    Featured Image

    Using of this option you can upload testimonial featured image directly here. There is no more surprise of using it.

Team

Show your Creative Team!

In our theme you'll get team at : WP Dashboard.

Not have this in WordPress menu?

If you not see this menu in your WordPress admin panel. Please make sure you've Installed & Activated Exertion Core plugin.

Testimonials
  • 1

    Team > Add New

    All team contents are managed from this location. Utilize the each fields in this area to show effectively in page.

  • 2

    Title

    This title will show in team member name. So, utilize this title while adding every team member.

  • 3

    Content

    This is the exact location of your team content. Mostly more than three lines is recommended for better viewing as a shortcode element in all team styles.

  • 4

    Excerpt

    In Excerpt section you can add the short introduction content about your team member.

  • 5

    Featured Image

    Team page need team member image. So, upload your team member image here. Follow the right radio of width and height.

  • 6

    Team Member Details

    In this field, we can enter the team member name, profession in our company and also add team members profession link. (Ex : Photographer, Designer).

Portfolio

Create your awesome portfolio pages from your Great Ideas!

Creating & Customizing a portfolio page is really simple process by following Each area noted as numeric points below. Each number have detailed explanation about to creating portfolio pages.

The first tab Layouts is for selecting needed portfolio layout options, Second tab Images is for adding portfolio images in Portfolio Images > Add New Image option then the third tab Portfolio Informations is for adding information about your portfolio.

Creating portfolio single layouts

To create each single portfolio layout, read the below contents.

Pages
  • 1

    Portfolio > Add New

    All portfolio shortcode contents are managed from this location. Utilize the each fields in this area to show your works effectively in shortcode version.
  • 2

    Title

    This title will show in each and every portfolio item in portfolio shortcode styles. So, utilize this title in every portfolio items.
  • 3

    Page Builder

    Our theme includes Visual Composer Page builder. Use Classic Mode to add shortcodes in backend. If you not see this, make sure to install & activate Visual Composer Plugin.
  • 4

    Content

    This is the exact location of your portfolio single. Mostly more than five lines is recommended for better viewing in all portfolio single styles.
  • 5

    Portfolio Meta Options

    Portfolio meta options is most important part in single portfolio pages. So, please check each and every fields and that descriptions. So, you'll get clear from it. It's like controlling Layouts, Content Options and Enable & Disable.
  • 6

    Masonry Featured Image Options

    Our portfolio shortcodes require image for each portfolio items. So, upload your portfolio item image in Featured Image section, in right image ratio. Here you can add featured images for Masonry Style Portfolio, also you have option for change the masonry featured image size in that below Portfolio Masonry Image Size dropdown section.
  • 7

    Featured Image Options

    Our portfolio shortcodes require image for each portfolio items. So, upload your portfolio item image in Featured Image section, in right image ratio. Here you can add featured images for default portfolio.

Create your awesome portfolio singles using below detailed explanation.

  • A

    Portfolio Single Big Images

    In portfolio single first layout is big images. Select the first layout image in Layout tab then upload bulk images in the Images tab. Click to view Portfolio Single Big Images.
  • B

    Portfolio Single Big Slider

    In portfolio single second layout is big slider. Select the second layout image in Layout tab then upload bulk images in the Images tab. Click to view Portfolio Single Big Slider.
  • C

    Portfolio Single Small Slider

    In portfolio single third layout is big slider. Select the third layout image in Layout tab then upload bulk images in the Images tab. Click to view Portfolio Single Small Slider.
  • D

    Portfolio Single Right Sidebar

    In portfolio single fourth layout is single right sidebar. Select the fourth layout image in Layout tab then upload bulk images in the Images tab. Click to view Portfolio Single Right Sidebar. Here you can select your sidebar information view as a Sticky or Floating in Select Details Info Layout dropdown.
  • E

    Portfolio Single Left Sidebar

    In portfolio single fifth layout is single left sidebar. Select the fourth layout image in Layout tab then upload bulk images in the Images tab. Click to view Portfolio Single Left Sidebar. Here you can select your sidebar information view as a Sticky or Floating in Select Details Info Layout dropdown.

Contact Form 7

Make sure you're reachable!

We've used in our live demo site contact forms are from Contact Form 7 plugin. You can just install Contact Form 7 as normal plugin. And start using it in that native way. No more surprise or tricks.

Not have this in WordPress menu?

If you not see this menu in your WordPress admin panel. Please make sure you've Installed & Activated Contact Form 7 plugin.

How to work with Contact Form 7?
Contact Form 7

The detailed documentation for Contact Form 7 is available in online(link found below). For any details or interactions about the Plugin features, please refer to that documentation. Due to our theme strictly followed Contact Form 7 native way, there is no point to mention in our theme documentation about Contact Form 7 plugin. So, please follow their official documentation.

Contact Page Form
copy
<div class="row"> <div class="col-md-4"><p>[text* your-name placeholder "Name"]</p></div> <div class="col-md-4"><p>[tel* your-phone placeholder "Phone"]</p></div> <div class="col-md-4"><p>[email* your-email placeholder "Email"]</p></div> <div class="col-md-12"><p>[text your-subject placeholder "Subject"]</p></div> <div class="col-md-12"><p>[textarea your-message placeholder "Message"]</p></div> <div class="col-md-12"><p><button type="submit" value="Submit" class="xrton-btn wpcf7-form-control wpcf7-submit button"><span>SEND</span></button></p></div> </div>

Estimation Calculator Form
copy
<div class="estimation-item"> <div class="row"> <div class="col-md-4"> <div class="estimation-title">Area to be build in Square Feet</div> <div class="square-slider"> <p>[range* your-range min:0 max:800 step:1 "200"][text square-value "200"]</p> </div> </div> <div class="col-md-4"> <div class="estimation-title">Number of Floors</div> <p>[select menu-728 "Choose" "1" "2" "3" "4" "5" "6" "7" "8" "9" "10"]</p> </div> <div class="col-md-4"> <div class="estimation-title">Number of Rooms</div> <p>[select total-store "Choose" "1" "2" "3" "4" "5" "6" "7" "8" "9" "10"]</p> </div> </div> </div> <div class="estimation-item"> <div class="row"> <div class="col-md-6"> <div class="estimation-title">Type of Work</div> <p>[select work-name "Choose" "Residential" "Commercial" "Interior" "Green Design" "Landscape" "Industrial" "Urban" ]</p> </div> <div class="col-md-6"> <div class="estimation-title">Choose Services</div> <p>[select service-type "Choose" "Build" "Interior" "Renovation" "Exterior" "Planning" "Designing" "Floor Work" ]</p> </div> </div> </div> <div class="estimation-item service"> <div class="estimation-title">Select Added Service </div> [checkbox checkbox-729 use_label_element "Painting" "Piping & Tiling" "Greenary" "Furniture Works" "Electrical" "Interior"] </div> <div class="estimation-item"> <div class="row"> <div class="col-md-12"> <div class="estimation-title">Contact Details</div> <div class="row"> <div class="col-md-4"> <p>[text* your-name placeholder "Name"]</p> </div> <div class="col-md-4"> <p>[tel* phone-number placeholder "Phone No"]</p> </div> <div class="col-md-4"> <p>[email* your-email placeholder "Email"]</p> </div> <div class="col-md-12"> <p>[textarea* your-details placeholder "Details"]</p> </div> <div class="col-md-12"> <p>[submit class:button-primary "Submit Now"]</p> </div> </div> </div> </div> </div>

Widgets

Widgets are not only Collection of Links. It's a User Friendly Feature.

In below tabs we've explained about each and every widgets and that role of working.

Default Widgets

Below list will explain the each widgets role.

Default Widgets
Name Role
Archives Show months list, based on posts added time.
Calender Display like a calender, and date have links. If you added any posts in that date.
Categories Display posts categories. In List and Select format.
Meta Meta links like, login and logout, etc.
Pages List of pages you added.
Recent Comments Recent comments from posts.
Recent Posts Recent posts from date ascending order.
RSS Your site feed lists. Rich Site Summary.
Search It's just show search form.
Tag Cloud Tag links based on your posts added.
Text Most simple widget. Title and Content.

Custom Widgets

Below list will explain the each widgets role.

Theme Widgets
Name Role
Call To Action Widget Displays the call to action section.
Recent Post Displays the recent posts.
Text Widget Simple widget for displaying the text.

Shortcodes

Impress Everyone by Using Shortcodes!

In our theme we've used visual composer user friendly features to the next level. We've used some custom interaction methods to extend the usage of our shortcodes effectively without boring. All of our custom shortcodes listed under by VictorThemes filter like in below screenshot.

Not have this option like in below screenshot?

If you not see this option like in below screenshot. Please make sure you've Installed & Activated Exertion Core plugin.

Shortcodes

You'll also get little shortcodes from Add Shortcode button in all content editors.

Shortcodes

FAQ

Frequently Asked Questions!

  • While installing my theme it shows Stylesheet Missing?

    A common issue that can occur when installing a WordPress themes is "The package could not be installed. The theme is missing the style.css stylesheet". Error message being displayed when uploading or activating the theme.

    Mostly it's because of, you've uploaded wrong zip file. Themeforest provides, 1. All files & Documentation & 2. Installable WordPress file only. The second files is the exact file to upload in your WordPress dashboard. Or take a look folder structure.

    For more details Click here.

  • How do I update my theme ?

    The update process is similar to the installation process. In WordPress Dashboard, Exertion Options there is a section of Envato Account in this area you've enter your envato username and API key then Save the changes, You'll get our theme updation right into your WordPress Dashboard > Updates.

    For more details Click here

    Note : We hope you not edited any thing inside of our theme core files. If you edit anything in our theme, this step will replace our original theme code, so you'll loss your past edited files in our theme. Editing theme core files is not recommended.

  • How to update premium plugins, that included with your themes?

    In most cases, premium plugins bundled with theme, are not get updates quickly. It depends on theme update. But, in our all themes you can get updation of premium plugins by following simple steps.

    1. Goto : Plugins > Deactivate & Delete that plugin.
    2. Then Goto : Appearance > Install Plugins.
    3. Then : Install and Activate that plugin.

    For more details Click here

  • How to get live demo site content?

    To get live demo content we have one click install option in theme Appearance. To see how to get live demo content in one click Click here.

  • How do I customize my theme?

    All of the theme related customization settings are located in Exertion Options, in sidemenu of WordPress dashboard. Which will allow you to easily customize your website.

    Lots of options neatly organized into sections that allows you to build website without any coding knowledge. Please take some time and navigate through each option tab, most things are self explained. Go to Exertion Options to start. Don’t forget to click on Save All Changes to save your settings once you are finished.

    For more details : Click here

  • How do i get support?

    If you want support from us please Submit your Support ticket at our Support Center, before you submitting the ticket please read our support terms.

    Read our support terms : Click here

  • Do you available for customization works?

    We cannot offer you an extensive help in terms of modifications. Our support deals with installation of the theme, issues comes from our theme itself Bug Fixes, and Small Modifications which means, one or two lines of code we'll provide if needed.

VictorThemes - Customization