Thank you very much for purchasing my template. 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 template up and running and to help you customise it.

BEFORE YOU START CUSTOMIZING

If you plan to make some modifications to the code of the theme, will be better to make them via the child theme. If you make modifications directly to the parent theme, you will lose them when the theme is updated. When you make modifications inside of the child theme instead, you can update the parent theme without losing any change you have made.

Child theme you'll find in a "fixar-child.zip".

More information about child themes you can find in WordPress Codex - https://codex.wordpress.org/Child_Themes.

Install Theme

To install this theme it is essential to have a working version of WordPress already installed. For the information about WordPress platform installing, please see the WordPress Codex. After you download the “fixar.zip” file from Themeforest you will have all the necessary files . Then you should extract the “fixar.zip” file and you will find the theme zip file called “fixar.zip”inside. You need to install this file.

  • documentation
  • Licensing
  • theme
    • fixar.zip Theme file
  • README FIRST.html
You can install the theme in two ways: via WordPress, or via FTP. If you have trouble installing the theme via WordPress, please proceed with installing it via FTP and the problem will be solved. Follow the steps below to install via WordPress.

 

  • Log in to the WordPress Administration
  • Go to "Appearance › Themes › Add New › Upload Theme"
  • Browse and select theme zip folder called "fixar.zip" (is located inside of downloaded zip package)
  • Press INSTALL NOW button
  • Activate theme with Activate link

Install via FTP

FileZilla Free FTP Client

  • Log into your hosting space via an FTP software
  • Unzip the theme/fixar.zip file and use the extracted fixar theme folder
  • Upload the extracted fixar theme folder into wp-content themes in your wordpress installation
  • Activate the newly installed theme. Go to Appearance Themes and activate the installed theme.
  • ftp folder
    • wp-includes
    • wp-admin
    • wp-content
      • themes
        • fixar

Required Installation

TO ADD THE NEEDED FUNCTIONALITY TO THE THEME IS NECESSARY TO ACTIVATE THE REQUIRED PLUGINS.

  • Go to "Appearance › Install Plugins"
  • Install and activate required plugins

One click import

You can either start building your site from scratch, or import one of our demo sites and then modify it to fit your needs. We will now explain how to do the latter.

fixar comes with one-click import module. Here's what you need to do:

  • Login to WordPress admin
  • Go into admin panel > Apperance > Import Demo Data
  • Choose the demo site that you wish to import and click on the "Import Demo" button.

Default import

What you need to do is follow the instructions that are taken from the Importing Content page from the WordPress website. To import from a WordPress export file into your blog follow these steps.

How to Use the XML File to Import the Demo Site’s Content

  • Log into your site as an administrator.
  • Make sure you activated your new theme before proceeding.
  • Go to Tools → Import
  • Choose “WordPress” from the list.
  • Download fixar.xml here
  • Upload the fixar.xml using the form provided on that page.
  • You will be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
  • You will then have the choice to import attachments, so click on the “Download and import file attachments” box.

Please be patient while WordPress imports all the content. Posts, Pages, Projects, and Menus are imported. You will need assign the menu a theme location & you’ll need to configure widgets. This is a limitation of WordPress’ import system. Enjoy!

Import troubleshooting

Many issues that you may run into such as; white screen, demo content fails when importing, empty page and other similar issues are all related to low PHP configuration limits.

You can check it by installing a simple plugin found here.

The solution is to increase the PHP limits.

You can do this on your own .

  • Find the php.ini file in your Server config files.
  • For WAMP, its in apache2/bin/apache2.2.22/bin/php.ini
  • Go to the line "max_execution_time=30" .
  • Change it to 360 or any other large value.

Or contact your web host and ask them to increase those limits to a minimum as follows

  • max_execution_time 360
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M

Customizer Settings

 

 

For additional theme settings, go to the Appearance - Customizer

Page Settings

 

After default import specify Home page and Blog page in Settings - Reading

 

Use template - home for displaying the landing page .

 

Individual customization of the current page

 

The display of the page layout and widgets (Apperance - widgets)

Static Blocks

To setup and edit custom footer and Megamenu please use static blocks but set the necessary settings for this in the visual composer .

 

 

Page loader

Default Theme loader Customizing - General Settings - Loader

Loft Theme loader Settings - LoftLoader Lite

Please add this picture or use your own

 

 

Specify the primary menu in Apperance - Menu

 

Please before make sure that you have activated the operation of visual composer for static blocks

You can create mega menus with using static blocks . For this activate Static block in Screen options and add Static block .

In menu link select Full width.

 

Then you can edit the menu in static blocks using visual composer .

Edit Static block

Please before make sure that you have activated the operation of visual composer for static blocks

First please edit and choose footer in Apperance - Customizer- Footer .

 

 

Now you can create unique footer and add them to your footer in theme customizer using static blocks.

 

 

Also you can create and specify unique footer for each page in page settings

 

 

Сustomize your own Header in Apperance -Customizer - Header

 

 

If you want to use unique headers for each page please activate Advanced options on page

 

 

Now go to the page and configure Header for only this page .

 

We use this trick on some of our demo pages. So if you want to change our demo page you should just do it.

Widgets settings

WordPress Widgets - Codex

Our theme comes with Custom widget created specially for the theme.
To set the Widget go to Appearance > Widgets.

Newsletter - MailChimp for WordPress plugin

To display the form please use this code in mailchump plugin.

If you have Troubleshooter. “Please select at least one list to subscribe to” error please follow this instruction


                

Get Even More

"Get all latest content delivered straight to your inbox."

Don't worry we don't spam

Form - Contact Form 7 plugin

Using CF7 designer in kaswara plugins you can change the styles of the contact form . Please check this video tutorial

To display the form please use this code in 7 form plugin

          
                
            
[text* your-name placeholder "FULL NAME"] [email your-email placeholder "EMAIL"]
[text your-subject placeholder "SUBJECT"] [text your-phone placeholder"PHONE"]
[textarea your-message placeholder "YOUR MESSAGE"]
[submit "SEND MESSAGE"]

Web font icon loader

Please use plugin font icon loader for add new icon sets .
Apperance - Font Icons Loader



After upload nothing has happened?
Please use the correct zip structure .
You must set permission 777 on the folder wp-content/plugins/font-icons-loader .
You can manually add in folder wp-content/plugins/font-icons-loader/fonts/newicons

Css live editor - Yellow Pencil

Yellow Pencil it is Visual CSS Style Editor For WordPress . Please use it to css customize your site . I recommend you to read all plugin documentation for learning all features!

For any custom changes we provide a premium plugin Yellow pencil . With this plugin, you can make changes without knowledge of css . In this video lesson you will be able to change the position of the logo and change the font menu

You can use the response mode to change or hide elements on tablets or smartphones.

Please follow these steps:


  • Open Yellow Pencil Editor
  • Click “Responsive Mode” button on Left-bar.
  • Resize website to 600px in Responsive Mode.
  • Select the element that you want to hide.
  • Yellow Pencil Panel > Extra > Display option
  • set “none” value for display option.
  • Save changes.

Plugins Activation

You can use these plugins with the fixar theme and you are fully compliant with the Envato’s policy, but you cannot activate them as the owner (so don't try to use the fixar purchase code to activate one of these plugins).

When you purchase a theme from ThemeForest that bundles Visual Composer and Revolution Slider, you are free to use these Premium plugins with the theme. However, your fixar purchase does not give you individual Visual Composer and Revolution Slider licenses that allow you to activate or download these plugins as you wish. Activation doesn’t mean the plugin will not work but only that you cannot receive direct updates. Please don't worry if you see warning messages about the plugin license activation.

To update you need:

 

  • Navigate to the Plugins menu in your WordPress admin area.
  • Deactivate revolution slider, delete it
  • Go to Install Required Plugins
  • Upload and install the new version
  • Activate Visual Composer.

Page Builder

Visual Composer gives you instant access to built in content elements. Each content element has been carefully crafted and offers multiple options that will enable you to build any layout you desire. You can build complex layouts based on these content elements within minutes, and without requiring a single line of code. Please check this video tutorial:

Kaswara plugins

For the construction of our template, we use Kaswara module . This add-on for visual composer . With this module you can create different pages without any limits . Please read documentation before start doing it

Theme elements

In visual composer we added a custom Theme elements . You can use it for create your own unique style.

Step 1 - Log in to your WordPress Administration Panel.

Step 2 - Click on Pages > Add New.

Step 3 - Click on fixar.

Row Settings

To create a new unique section use default row settings and also theme row options .

Step 1 - Log in to your WordPress Administration Panel.

Step 2 - Click on Pages > Add New.

Step 3 - Click on Backend Editor.

Step 4

Add and modify Row Layout

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon) to Edit the Row element ( in our example we use row with 3 columns filled with text block )

Step 4 - To change the Row layout ( number of columns ) you need to click the second Icon from the left then select a layout or custom to make your own

Edit Element

Pencil Icon - To Edit Row, Column or Module you need to click the Pencil icon.

Duplicate Element

Pages Icon - To Duplicate Row or Module you need to click the Pages icon.

Remove Element

Trash Box Icon - To Remove Row, Column or Module you need to click the Trash Box icon.

About Row / Column / Custom heading / Text Block Design options

Design Options - When you edit row / column / custom heading / text block module, you can edit the design options . Row / Custom Heading / Text Block element have a default Bottom Margin of 35 pixel, you may want to set it to 0 if you don't want to have bottom space It is Good to add bottom Padding to your Column, so they will looks good on mobile Left and Right Margin should NEVER be modified, please left blank For Row module the Left and Right Padding should also NEVER be modified, please left blank

Row full width

To create a new unique section use default row settings and also theme row options .

We will explain how to create a full width content section.

Full Width Section should only be used on pages without sidebars!

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon)

Step 4 - Change the Type setting to Full width content then click Save changes

Row background

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon)

Step 4 - Click on Design Options ADD padding and REMOVE margin for better result, add a Background Image change to Cover and then Saves changes

Step 5 - Seclect background overlay and Enable background fixed in this row.

Step 6 - Update or Publish your page and you should now have a section with background fixed

Parallax Section

Full Width Section should only be used on pages without sidebars!

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon)

Step 4 - Add parallax type background for row (Note: If no image is specified, parallax will use background image from Design Options).
You can also use advanced parallax in the options theme
Step 5 - Click on Design Options ADD padding and REMOVE margin for better result, add a Background Image change to Cover and then Saves changes

Step 6 - Update or Publish your page and you should now have a section with parallax background

Video Section

Full Width Section should only be used on pages without sidebars!

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon)

Step 4 - If checked, video will be used as row background.

Step 5 - You can edit the Design options ( remove margin and add padding "optional" ) and then Saves Changes and Update / Publish your page. You should now have a Full width Section with Video

Revolution slider

Documentation: https://www.themepunch.com/revslider-doc/slider-revolution-documentation/ Video tutorials: available on YouTube

If you are unfamiliar with this awesome plugin, we recommend that you use the online documentation

Auto-Updating

The Envato Market plugin can install WordPress themes and plugins purchased from ThemeForest & CodeCanyon by connecting with the Envato Market API using a secure OAuth personal token. Once your themes & plugins are installed WordPress will periodically check for updates, so keeping your items up to date is as simple as a few clicks.

You can add a global token to connect all your items from your account, and/or connect directly with a specific item using a singe-use token & item ID. When the global token and single-use token are set for the same item, the single-use token will be used to communicate with the API.

Manual Updating

You can update your theme manually by performing the following steps:

  • Download the latest theme zip file from ThemeForest
  • Extract it and locate fixar.zip
  • Extract fixar.zip and locate the fixar folder
  • Copy/Replace content of the fixar folder to the /wp-content/themes/fixar folder of your web site.

Speed Optimization

If you think your website takes too much time to load maybe you should.

  1. Install a Cache Plugin for WordPress. We recommend W3 Total Cache.
  2. Install an Image Compress Plugin. We recommend WP Smush It.
  3. Install a Database Optimizer Plugin We recommend WP Optimize
  4. Reduce the number of posts on the page
  5. Reduce the number of unnecessary plugins.
  6. Use more icons and less images.

Changelogs

Changelogs file in folder theme/fixar/changelog.txt