Theme Installation - top

To install the theme you will need to download your purchase from Themeforest. Login to your Envato account, navigate to your downloads and find the theme. Click on the download link.

Download The theme

• Select the “All Files & Download” option to download the theme file and the sample data (the main theme file zip will be located inside the Upload folder)
• Select the “Installable WordPress File Only” if you just want the theme
  

Installing Via WordPress

• Login to WordPress Browse to Appearance > Themes
• Click Add New
• Click the Upload link
• Click Browse
• Select the zipped theme file to upload (the zip file is in the Upload folder if you chose to download all files) and click Install.
• Now Activate the theme

Installing Via FTP

• Login to your site via FTP
• Browse to your folder located at wp-content/themes
• Upload the main theme folder (the folder is located in the Upload folder if you chose to download all files)
• Login to WordPress
• Browse to Appearance > Themes
• Find and activate the theme

Installing Plugins

After installing the theme you should be prompted to install and activate the included plugins. A yellow Recommended Plugins notice should be visible at the top of your screen. Installation and activation is optional but recommended since each plugin adds an additional layer of functionality to the theme.

If you have accidentally dismissed the plugin installation notice, you need to deactivate the theme and activate it again, and now you'll be able to activate the included plugins.

Importing Sample Data

This theme includes a .xml file that will allow you to import the sample data to your site. This file includes most of the demo site data, which includes main theme functions to make it easier for you to see how the theme works.

• Login to your Envato account
• Click on the theme download link
• Select the "All Files & Download" option
• Open the zip file, the .xml file is in the Sample Data Folder
• Login to WordPress
• Double check that all recommended plugins have been installed and activated (if not, the sample data related to those plugins will not be imported)
• Browse to Tools > Import
  
• Click on the WordPress option (you will have to have the "WordPress Importer" plugin installed, you will be prompted if it's not already installed and active)
• Click Browse and select the sample data .xml file
• Click Upload files and import
• Assign the posts to an existing user
• Check the box to download and import file attachments
• Click Submit
• Give the import some time and do not navigate away from the page until the upload is complete
• Go to Settings > Reading, set your from page to a Static Page, select Home from the drop down, and save
• Go to Appearance > Menus, click on the Manage Location tab, assign the main menu, and save
• If you'd like to change any of the widget, go to Appearance > Widgets and drag and drop widgets into the active widgetized areas
• You should now have site content similar to the live demo for this theme!

Menu Setup

This Theme supports 1 menu locations ( Header Navigation). Use the following steps to create your navigation menus.

• Go to Appearance > Menus
• Click on the "create a new menu" link
• Give your menu a title
• To add Pages or Posts to your menu just check the ones you want and click "Add to Menu"
• Then you can drag and drop the items you add to create your Menu Structure
  
• To create drop downs, nest the menu items below each other (each menu item indent represents a drop down layer)
• To add custom links to your menu click on the "Links" option, add your custom link URL and the link text tile you want to appear in the menu, then click add to menu
• Once you are done adding menu items, scroll to the bottom of the page and check the Theme Location you'd like to assign the menu to
• Save your menu

Translation Theme

• You can learn from http://codex.wordpress.org/Translating_WordPress about Translating theme into your language.
• The .pot file is in '/languages' folder named 'default.po'.
• You can use Poedit http://www.poedit.net/ to translate the .po file. You need to save it in languages folder, and name just the same way your language is defined in WP config file. Open wp-config.php and check define ('WPLANG', '');
• If it's for example fr_FR, save your .po file as fr_FR.po

Regenerate Thumbnails - top

It is possible that your thumbnails are wrong cropped and looks ugly after theme activating! In this case use this plugin: "Force Regenerate Thumbnails" http://wordpress.org/plugins/force-regenerate-thumbnails/ to regenerate old thumbnails from previous theme.

After plugin installation go and start regeneration in Tools > Force Regenerate Thumbnails. This process can take a while and you cannot close tab/window until regeneration is done.

Updating a WordPress Theme from Themeforest - top

Option 1: The Beginners Option

Here’s the most simple way of updating your WordPress theme that’s purchased from ThemeForest:

1. We need an easy way of overwriting the theme files, since WordPress doesn’t support this, we need a plugin, install this plugin: https://wordpress.org/plugins/easy-theme-and-plugin-upgrades/
2. Go to the downloads page of your ThemeForest account here: http://themeforest.net/downloads
3. Find the theme you’re updating from the list, click the big green “download” button once, and from the drop down menu choose “installable WordPress file only”
   
4. Upload the downloaded zip file to your WordPress installation via “appearance” -> “themes” -> “add new”, just like you did when you first installed the theme.
5. Thanks to the plugin mentioned in step 1, you’ll now get an “upgrade existing” option after uploading your theme, without the plugin you’d just get an error.
6. There you go, you’ve updated the theme!

Option 2: The Automatic Option

Envato offer an automatic update solution for ThemeForest themes by using “Envato Toolkit”, see the full details of this here: http://www.wpexplorer.com/envato-wordpress-toolkit-guide/
Note that this is option 2 as I had noticed a few bugs with this plugin in the past, though some swear by it!

Option 3: The FTP Upload (Advanced Users)

Another way to update your theme is via FTP, that is, you connect to your server and manually overwrite the theme folder. To do this grab the theme files mentioned from Option 1, with these in hand, unzip the file you have, you should have a folder just called THEMENAME (being the name of your theme)

Now the next step is simple, connect to your server via FTP (if you don’t know how to do this, use option 1) navigate to /wp-content/themes/, do not just overwrite the theme folder – here’s why. In previous updates to my themes, files have been deleted or relocated, if you just overwrite the folder then these files will remain, this can cause issues (especially with WooCommerce), here’s what you should do instead: Delete the THEMENAME folder that’s on your server, and then re-upload the new THEMENAME folder, this ensures that your new theme is 100% correct.

Rating / Review System - top

1. - Go to Reviews > General Settings ( you need to enable the Review Boxes for posts, take a look at the image ).

2. Choose who can rate ? Guests , Registered Users or both also you can disable this feature by choosing No One !

3. - Choose the image of the "image" rating style .

4. - From Styling Tab you can chnage all colors and backgrounds of the Review box .

Bou Review Style

Add this style to Custom CSS on Review Global CSS:

h2.review-box-header, .user-rating-text strong, .user-rating-text { color: #000 !important; }

Tag and Cat Index - top

- First you'll need to install the plugin "Multi-column Tag Map"

Tag Index

- Create a page Dashboard > Pages > Add New and paste this code:

[mctagmap columns="5" hide="yes" num_show="5" more="more »" toggle="« less" show_empty="yes" name_divider="|" tag_count="yes" exclude="2009, exposition" descriptions="no" equal="yes" manual="" basic ="no" basic_heading="no" show_categories="no"]

Categories Index

- Create a page Dashboard > Pages > Add New and paste this code:

[mctagmap columns="5" hide="yes" num_show="5" more="more »" toggle="« less" show_empty="yes" name_divider="|" tag_count="yes" exclude="2009, exposition" descriptions="no" equal="yes" manual="" basic ="no" basic_heading="no" show_categories="yes"]

Live Search - top

• First you'll need to install the plugin "Dave's WordPress Live Search"
• Go to Dashboard > Settings > Live Search > Appearance > and Select Display Post Thumbnail
• Now click Custom ( Customize the search results display here):
  
• For title you can add a black color, this code: #000000
• For Divider ( the line ) add a gray color, this code: #f2f2f2
- And click "Save Changes".

Custom Sidebars - top

- First you'll need to install the plugin "Custom sidebars"
- Custom Sidebars allows you to create all the widgetized areas you need, your own custom sidebars, configure them adding widgets, and replace the default sidebars on the posts or pages you want in just few clicks.

• Go to Dashboard > Appearance > Custom sidebars:
• 1st Step: Create a "New Sidebar" add a unique Name and Description
  
• 2nd Step: If you created it correctly, you'll see it here:
  
• 3rd Step: Now you'll need to select "Default Sidebar" and click "Save Changes"
  
• 4th Step: Now go to Dashboard > Pages > Your Page or Dashboard > Posts > Your Post.
• 5th Step: Select the sidebar you've created
  
• 6th Step and the last: Go to Dashboard > Appearance > Widgets, now you'll see the sidebar you've created, you'll need to drag and drop the widgets from the left, and that's it! You can create as many sidebars as you want!

Slider - top

• The slider is displayed by tags, the post to be displayed in to the slider need to have the tag "featured".
• First make sure that you've added properly the tag "featured" so make a test to see if the tag added exists: like this http://yoursite.com/tag/featured/
• If will show "featured-2" is because a category with the same name "featured" was created, if that's the case you'll need to delete both and after that create again the tag "featured" or you can change the tag like "mypost", "postslider" etc. to do that, open this files:
  • bou-wp/template-home-sidebar-slider.php
  • bou-wp/template-home-slider.php
• At the top of the both files you'll see this:

  <?php  query_posts( array( 'post_type' => 'post', 'tag' => 'featured', 'posts_per_page' => 10 ) );  ?> 
  <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
          

  • Now change the tag "featured" with a different tag, save the files and upload them via FTP.
  • Like you can see from the code added you have 'posts_per_page' => 10 that's mean if 10 posts of your blog have the tag "featured" will be displayed in the slider, if you want to display more or less change the number.

Display the slider

• Make sure you have installed the plugin "Meta Box".
• Create a new page and from "Page Attributes" choose "Template - Home Full Width + Slider" or "Template - Home with Sidebar + Slider".
• Dashboard > Posts > Add New, add the tag "featured"
  
• Now at the bottom you'll see "Home Page Options" > Slider Image ( Image recomendable size: Full Width 1900x650 or Boxed Version 1160x400 ), select or upload 1 image.
  
• Click "Publish" and that's it.

See the slider

To see the slider, you'll need to open the page you've created, that page need to have selected from "Page Attributes" "Template - Home Full Width + Slider" or "Template - Home with Sidebar + Slider", to make that page your Home page, read the steps from the Home page.

Home Page - top

• Go to Dashboard > Pages > Add New:
• Name it Home or whatever and from the right on Page Attributes choose one of the Custom Pages.
  
• Now go to Dashboard > Settings > Reading and from "Front page displays" select "A static page (select below) and select the page you've created a few seconds ago
  
• Go to Appearance > Menus and drag and drop the pages you've created like "Home"

Default Pagination or Infinite Scroll

• Go to Dashboard > Appearance > Theme Options
• From General Settings > choose "Infinite Scroll" or "Default Pagination" and click the button "Save all Changes"
• By Default is Infinite Scroll, but in order to use it, you still need to click the button "Save all Changes"

Home Posts Buttons

• Go to Dashboard > Posts > Add New:
• Scroll the page down and you'll see "Home Page Options" and the option for "Button link".
  
• Button ex:

  <a href="#" target="_blank" class="simplebtn red"><i class="fa fa-shopping-cart"></i> Buy Now</a>

  You can change the class "red" with: blue, green, green2, orange, gold, red, pink, black For more icons go to: http://fontawesome.io/icons/

Full Width or Boxed Version - top

• By default after you'll install the theme you'll see that is a full width design, if you want to change it to Boxed Version:
• Go to Dashboard > Appearance > Theme Options > Style Settings and from "Boxed Version" select "Yes" display boxed Version.
  
• Click "Save all Changes"

Responsive Menu - top

1. Create a New Menu

With the create new Menu Button you can add a new menu.
Go to Responsive Menu > Menus and click "Create New Menu".

2. Seclect Menu Theme Style

Select the Default Theme Style (1st) and click "Next" button.

3. Menu Settings

Add a name to your new menu and select the menu you want to display and click "Create Menu" button.

4. Import Menu Settings

Now your menu should be displayed but with the default plugin style. In order to be displayed as per the demo, you can import the menu settings. So go to Responsive Menu > Settings > Import/Export and import menu.json from the “Sample Data” folder.

Sources and Credits - top

jQuery
jQuery accordion menu
jQuery menu
jQuery mobile menu
Free Images splitshire.com/
Free Images unsplash.com
Free Images splitshire.com/
Free Images gratisography.com/
Symple Shortcodes
WPExplorer