"Bivio" Documentation - 20Script

### “Bivio” Documentation by “Whoathemes” v1.0

# “Bivio Wordpress Theme”

Created: 03/09/2014
By: WhoaThemes
Contact: Whoathemes

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. You find me on twitter or facebook to get the updates. Thanks so much!

## Table of Contents

1. A. Installation
2. B. Quick Setup
3. C. Add Portfolio Item
4. D. General Options
5. E. Blog Options

1. G. Portfolio Options
2. H. Font Options
3. I. Background Options
4. J. Color Options
5. K. Sidebar Options

1. L. Footer Options
2. M. Widgets
3. N. Create Pages
4. O. Translation
5. P. Sources and Credit

### A) Installation - top

IMPORTANT: Make sure you unzip the downloaded file from Themeforest first (DON'T upload it to your server yet). The content of this file contains the actual theme zip file called "bivio.zip". This is the theme file. Now, to install the theme follow one of the following two methods:

1. Unzip the bivio.zip and upload the bivio/ folder to <wordpress install directory>/wp-content/themes/ with your favorite FTP client.
2. Method 2, Upload the bivio.zip file through the WordPress admin backend (This will ONLY work if the server that hosts your website allows upload limits greater than 6 MB. Please note, most hosting providers have only up to 2MB file upload limit):

Once the upload is complete go to the WordPress administrator backend and activate the theme (the theme should appear now under Appearances → Themes)

The theme's options page should appear above Appearence Tab under the name: Whoathemes:

#### Installation of the Demo Content

1. Locate the demo.xml file in the demo folder of the zip package.
2. Go to Tool → Import module in your backend, click the WordPress option.
3. Then add the demo.xml file to the Choose a file from your computer option and click the upload the file and import button.

If you need help installing Wordpress see the link below:
http://codex.wordpress.org/Installing_WordPress

#### Navigation

If you use version 3.0+ of WordPress, you can setup custom menus to use with our theme. "Bivio" comes with 1 custom menu location. "Main Navigation" is used for the site's main navigation.

As shown above, I named the menu "Main Navigation" but you can call it as you prefer. The important thing is to select it in the "Template Locations" box:

### A-1) Quick theme setup - top

1. Install the plugins required and recomended from the theme
2. If you have Visual Composer plugin already installed on your website, please delete it and after this install the version bundle with the theme.
3. By default Visual Composer is active for Pages, in order to activate Visual Composer for posts please go to Settings/Visual Composer and choose either you want to use Visual Composer for pages, posts or both. Moreover, you can also use Visual Composer for custom posts too. Watch video on how to edit Visual Composer usage settings.
4. Go to Appearence -> Menus and activate the menu/ create a new one if no .xml installed in order to make the site one page style.
5. Go to Whoathemes -> Background and set your background type.
6. Go to Whoathemes -> General -> Homepage and set your home page.
7. Go to MailChimp for wordpress -> Forms and paste the following code:
   - simple form:
   <h4>Sign up to find out more!</h4> <p> <input type="email" id="mc4wp_email" name="EMAIL" placeholder="Your email address" required /> <input type="submit" value="Subcribe Now" /></p> <p>We will never spam you, or sell your email to third parties.</p> <p>By clicking "Subcribe Now" you accept our <a href="#" target="_blank">Terms of Use</a> and <a href="#" target="_blank">Privacy Policy</a> </p>
   - normal form:
   <h4>Sign up to find out more!</h4> <p><input type="text" id="mc4wp_name" name="NAME" placeholder="Full Name" required /> <input type="email" id="mc4wp_email" name="EMAIL" placeholder="Enter your email" required /> <input type="text" id="mc4wp_phone" name="PHONE" placeholder="Phone number" required /> <input type="submit" value="Subcribe Now" /></p> <p>We will never spam you, or sell your email to third parties.</p> <p>By clicking "Subcribe Now" you accept our <a href="#" target="_blank">Terms of Use</a> and <a href="#" target="_blank">Privacy Policy</a></p>
8. See what widgets I've used for blog and portfolio single here.

### C) Add Portfolio Item - top

1. Firstly go to Portfolio Items → Add New.

2. Give the Portfolio a title
3. Go to Featured Image module and click the Set featured image link

4. Once the image has successfully been uploaded, click on the Use as featured image link:

5. Add the detail of portfolio to the content editor. You can also add the description to the Excerpt textarea for display in the portfolio page.
6. Click Publish button and that's all.

Click to Learn how to Creating A Portfolio Page

### D) General Options - top

In Whoathemes -> General you will find 5 tabs:

##### 1. General Options

Screenshot here

##### 2. Homepage

Screenshot here

##### 3. Custom Favicons

Screenshot here

##### 4. Google Analytics

Screenshot here

##### 5. Custom CSS

Screenshot here

### E) Blog Options - top

##### 1. Blog Page

Screenshot here

##### 2. Single Blog Page

Screenshot here

##### 3. Meta Informations for Blog Page and for Single Blog Page

You can choose to activate or dezactivate meta information for: Date, Author, Categories, Tags and Comments

Screenshot here

##### 4. Featured Post Entry

Screenshot here

### G) Portfolio Options - top

##### 1. Single Portfolio Item

Screenshot here

##### 2. Featured Image

Screenshot here

### H) Font Options - top

##### Font Size

From this option you can change the font size.

Screenshot Here

##### Google Fonts

1. Enable Google Fonts
2. Google Fonts - Choose the font you want to use on your site.

Screenshot Here

##### Font Face

This options allows you to use "FontFace" fonts on your website.To see more information about this script and what it does please click here.

The guys from Font Squirrel released this amazing tool that allows people to edit their OpenType and TrueType fonts and male them compatible with @font-face. The tool offers a series of complements that helps people to edit their fonts the way they prefer to.

The generator will give you a compressed file with several files that will help you to implement the chosen font as @font-face.

1. Go to http://www.fontsquirrel.com/fontface/generator
3. First create a folder in '/wp-content/themes/bivio/font-faces' with your font name and then extract here the arhive downloaded when you generated the font. You can delete the specimen_files folder, generator_config.txt and the .html file.
4. You need to refresh the Font Face page to see the font listed there.

To use your font Turn on t's button and turn off the other's. After you click "Save Changes", you will see the effect.

Also if you want to replace anothers elements or use more than one fonts, you should fill fontface code into "@font-face Custom CSS" option textarea, and turn on the toggle button of fonts you used in the scripts.

Example:

Screenshot Here

##### Cufon Fonts

This options allows you to use "cufón" font replacing script on your website.To see more information about this script and what it does please click here.

1. Go to http://cufon.shoqolate.com/generate
3. upload the generated Font.js file to '/wp-content/themes/bivio/fonts' folder through your FTP Client.
4. You need to refresh the Cufon page to see the font listed there.

To use your font Turn on t's button and turn off the other's. After you click "Save Changes", you will see the effect.

Also if you want to replace anothers elements or use more than one fonts, you should fill cufon replace scripts into "Cufon code" option textarea, and turn on the toggle button of fonts you used in the scripts.

Example:

Screenshot Here

### I) Background Options - top

1. Page Background - add image for home slideshow, parallax, pattern or color background

Screenshot Here

2. Header Background - change Header Background Image

Screenshot Here

3. Footer Background - change Footer background image.

Screenshot Here

### J) Color Options - top

1. Page Elements Color. From this option you can change the colors.

Screenshot Here

2. Social Icons Color.

Screenshot Here

### K) Sidebar Options - top

The first option you will see is the "Add Sidebar" text field. Enter the name of the new custom sidebar you would like add and click on the "Save Changes" button at the bottom left of the options page.

You will now see your newly created custom widget available by clicking on Appearance → Widgets on your WordPress administration menu.

You can use your newly created sidebar on a Post Item, Portfolio Single Page Item or Page Item as shown below:

Screenshot Here

### L) Footer Options - top

Footer it's split in 3 parts "Footer Top Area", "Footer Area" and "Footer Bottom Area" and you have the option to use one of them, all or disable footer. For default only Footer Bottom Area it's active.

##### Footer Area

"Bivio" has 18 layouts for the footer. See picture below. Click on the layout you want and click "Save Changes" button.

Then you need to go to Appearance → Widgets on your WordPress administration menu and choose what widget do you want to use for footer.

#### Footer Bottom Area

1. Copyright Text - change text from Footer Options.

Screenshot Here

### M) Custom Widgets - top

1. whoathemes - Advertisement 125 - Displays a list of advertisement
2. whoathemes - Contact Form - Displays a email contact form.
3. whoathemes - Contact Info - Displays a list of contact info.
4. whoathemes - Custom Links - Displays a list of custom links with images.
5. whoathemes - Flickr - Displays photos from a Flickr ID
6. whoathemes - Popular Post - Displays the posts with most comments from your site.
7. whoathemes - Recent Posts - Displays the recent posts on your site.
8. whoathemes - Related Posts - Displays the posts with the same tags on your site.
9. whoathemes - Most Read Posts - Displays the posts with most visites on your site.
10. whoathemes - Popular Portfolio Posts - Displays the posts with most comments from your site.
11. whoathemes - Recent Portfolio Posts - Displays most recent portfolio posts.
12. whoathemes - Social Icon - Displays a list of social media icons.
13. whoathemes - Sub Navigation - Displays a list of SubPages.
14. whoathemes - Search - A different search form template.
15. whoathemes - Twitter - Displays a list of twitter feeds.

#### Here is how I've setup the widgets on my site:

1. Blog
2. Portfolio
3. Footer

### N) Create Pages - top

#### Homepage Simple Form

[vc_row min_height="0" typography="dark" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="0" padding_bottom="0" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible"][vc_column][vc_column_text el_class="col-md-12"] <h1 style="text-align: right;">Use Bivio to create your</h1> <h2 style="text-align: right;">startup template</h2> <h4 style="text-align: right;">Create web site of your dreams in a few minutes</h4> [/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/6" typography="dark" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="0" padding_bottom="0" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible" offset="vc_col-lg-5 vc_col-md-4 vc_hidden-sm vc_hidden-xs"][/vc_column][vc_column width="5/6" typography="dark" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="0" padding_bottom="0" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible" el_class="wt_chimp_form" offset="vc_col-lg-7 vc_col-md-8 vc_col-xs-8"][vc_column_text][mc4wp_form][/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/1"][wt_social_networks icon_type="wt_icon_type_4" icon_style="wt_circle" icon_align="center" icon_margin="2" icon_size="42" social_networks="facebook,twitter,google,behance" anim_type="wt_animate_if_visible"][vc_column_text el_class="wt_footer_home"]© Copyright 2014 Bivio All Right Reserved[/vc_column_text][/vc_column][/vc_row]

#### Homepage Normal Form

[vc_row min_height="0" typography="dark" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="0" padding_bottom="0" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible"][vc_column][vc_column_text el_class="col-md-12"] <h1 style="text-align: right;">Use Bivio to create your</h1> <h2 style="text-align: right;">startup template</h2> <h4 style="text-align: right;">Create web site of your dreams in a few minutes</h4> [/vc_column_text][/vc_column][/vc_row][vc_row min_height="0" typography="dark" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="0" padding_bottom="0" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible"][vc_column width="1/6" typography="dark" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="0" padding_bottom="0" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible" offset="vc_col-lg-5 vc_col-md-4 vc_hidden-sm vc_hidden-xs"][/vc_column][vc_column width="5/6" typography="dark" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="0" padding_bottom="0" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible" el_class="wt_chimp_form" offset="vc_col-lg-7 vc_col-md-8 vc_col-xs-8"][vc_column_text][mc4wp_form][/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width="1/1"][wt_social_networks icon_type="wt_icon_type_4" icon_style="wt_circle" icon_align="center" icon_margin="2" icon_size="42" social_networks="facebook,twitter,google,behance" anim_type="wt_animate_if_visible"][vc_column_text el_class="wt_footer_home"]© Copyright 2014 Bivio All Right Reserved[/vc_column_text][/vc_column][/vc_row]

#### How It Works

[vc_row min_height="0" center_row="yes" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="0" padding_bottom="60" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible" typography="dark"][vc_column width="1/1" typography="dark" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="0" padding_bottom="0" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible" offset="vc_col-md-6"][vc_single_image image="41" border_color="grey" img_link_target="_self" img_size="full"][/vc_column][vc_column width="1/1" typography="dark" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="0" padding_bottom="0" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible" offset="vc_col-md-6"][wt_spacer height="30"][vc_column_text] <h2 class="margin_20">Clean and Ultra Modern Design</h2> <h3 class="wt_skin_color margin_20">Bivio has ultra modern and clean design , super easy to customize. Create your website in minutes</h3> <p class="wt_google_font">Aliquam a augue suscipit, bibendum luctus neque. Vestibulum laoreet rhoncus ipsum, bibendum ullamcorper hendrerit tellus Aliquam a augue suscipit, bibendum luctus neque. Vestibulum laoreet rhoncus ipsum</p> <ul class="wt_styled_list"> <li> <h5>Vestibulum bibendum ullamcorper hend tellus</h5> </li> <li> <h5>Aliquam a suscipit, bibendum hendrerit tellus</h5> </li> <li> <h5>Aliquam rhoncus bibendum ullamcorper hendrerit</h5> </li> <li> <h5>Bibendum luctus neque laoreet rhoncus hendrerit</h5> </li> <li> <h5>Aliquam a augue suscipit hendrerit</h5> </li> </ul> [/vc_column_text][/vc_column][/vc_row][vc_row min_height="0" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="60" padding_bottom="40" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible" center_row="yes" default_bg="yes" default_border="yes"][vc_column width="1/1"][wt_section_headings anim_type="wt_animate_if_visible"] <h2>Take a look at our <strong>screenshots gallery</strong></h2> <h3>Take a look at our screenshots gallery. Bivio is a the best startup HTML5 template</h3> [/wt_section_headings][wt_gallery_grid columns="4" custom_links_target="_blank" images="114,113,112,116,115,118,125,117" img_size="268X402" img_width="345" img_height="320" title="yes" thumbnail_link="lightbox"][/vc_column][/vc_row][vc_row min_height="0" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="30" padding_bottom="30" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible" center_row="yes" default_bg="yes" default__skin_bg="yes" default_skin_bg="yes" typography="light"][vc_column width="1/1" el_class="wt_work_together" typography="dark" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="0" padding_bottom="0" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible"][wt_section_headings anim_type="wt_animate_if_visible" el_class="margin_20"] <h2 style="font-size: 40px;">Ready to <strong>work together?</strong></h2> [/wt_section_headings][vc_raw_html el_class="text-center"]JTNDYSUyMGNsYXNzJTNEJTIyYnRuJTIwY3RhLWJ0biUyMGFsaWduY2VudGVyJTIyJTIwdGl0bGUlM0QlMjJHZXQlMjBJbiUyMFRvdWNoJTIyJTIwaHJlZiUzRCUyMiUyMyUyMiUzRUdldCUyMGluJTIwdG91Y2glM0MlMkZhJTNF[/vc_raw_html][/vc_column][/vc_row][vc_row min_height="0" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="60" padding_bottom="40" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible" center_row="yes" typography="dark" el_class="wt_no_vccol_padd"][vc_column width="1/1"][wt_section_headings anim_type="wt_animate_if_visible" el_class="col-sm-12"] <h2>Some of <strong>our regular partners</strong></h2> <h3>Praesent semper, lacus sed cursus porta, odio augue feugiat tincidunt ligula</h3> [/wt_section_headings][vc_row_inner el_class="col-md-10 col-md-offset-1"][vc_column_inner width="1/1"][wt_clients images="37,38,31,34,438,33,32,29" type="simple" columns="4" tooltip_placement="top" custom_links_target="_self" owl_speed="600" owl_pagspeed="1000" owl_autoplay="false" owl_items="6" owl_itemsdesktop="4" owl_itemssmalldesktop="4" owl_itemstablet="3" owl_itemsmobile="2" owl_itemsmobilesmall="1" anim_type="wt_animate_if_visible" img_size="full"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

#### Pricing

[vc_row min_height="0" typography="dark" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="0" padding_bottom="40" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible" center_row="yes"][vc_column][vc_row_inner el_class="pricing-table-holder"][vc_column_inner width="1/3"][wt_pricing_table featured_table="false" plan="Standard Package" cost="$19.99" per="per month" button_text="Start your free trial" anim_type="wt_animate_if_visible" button_link="url:%23||"] <ul> <li>Up to 10 Projects</li> <li>10 GB of Storage</li> <li>Up to 250 Users</li> <li>25 GB Bandwidth</li> <li>Security Suite</li> </ul> [/wt_pricing_table][/vc_column_inner][vc_column_inner width="1/3"][wt_pricing_table featured_table="true" plan="Advanced Package" cost="$29.99" per="per month" button_text="Start your free trial" anim_type="wt_animate_if_visible" button_link="url:%23||"] <ul> <li>Unlimited Projects</li> <li>50 GB of Storage</li> <li>Up to 1000 Users</li> <li>100 GB Bandwidth</li> <li>Security Suite</li> </ul> [/wt_pricing_table][/vc_column_inner][vc_column_inner width="1/3"][wt_pricing_table featured_table="false" plan="Ultimate Package" cost="$99.99" per="per month" button_text="Start your free trial" anim_type="wt_animate_if_visible" button_link="url:%23||"] <ul> <li>Unlimited Projects</li> <li>150 GB of Storage</li> <li>Unlimited</li> <li>500 GB Bandwidth</li> <li>Security Suite</li> </ul> [/wt_pricing_table][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row min_height="0" default_bg="yes" default_border="yes" typography="dark" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="60" padding_bottom="60" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible" center_row="yes"][vc_column width="1/1"][wt_section_headings anim_type="wt_animate_if_visible"] <h2><strong>A few questions</strong> about our pricing packages</h2> <h3>Vestibulum laoreet rhoncus ipsum, bibendum ullamcorper hendrerit tellus</h3> [/wt_section_headings][vc_row_inner el_class="wt_faq_row wt_no_vccol_padd"][vc_column_inner width="1/1"][vc_column_text el_class="col-md-6"] <h4>Aliquam dapibus interdum lobortis pretium ornare?</h4> Praesent semper, odio augue feugiat eros, ac tincidunt ligula massa in est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. <h4>Praesent semper, odio augue feugiat eros, ac tincidunt?</h4> Praesent semper, lacus sed cursus porta, odio augue feugiat eros, ac tincidunt ligula massa in est. <h4>Aliquam dapibus interdum lobortis pretium ornare?</h4> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam ut mi sit amet mauris suscipit bibendum sit amet in odio. Integer congue leo metus, eu mollis lorem viverra nec. <h4>Mauris suscipit bibendum sit amet integer congue?</h4> Etiam ut mi sit amet mauris suscipit bibendum sit amet in odio. Integer congue leo metus, eu mollis lorem viverra nec.[/vc_column_text][vc_column_text el_class="col-md-6"] <h4>Vestibulum ante ipsum primis in faucibus luctus et ultrices posuere cubilia?</h4> Praesent semper, odio augue feugiat eros, ac tincidunt ligula massa in est. Vestibulum ante ipsum primis in faucibus. <h4>Aliquam dapibus interdum lobortis ornare?</h4> Praesent semper, lacus sed cursus porta, odio augue feugiat eros, ac tincidunt ligula massa in est. <h4>Mauris suscipit bibendum sit amet integer congue?</h4> Vestibulum etiam ut mi sit amet mauris suscipit bibendum sit amet in odio. Integer congue leo metus, eu mollis lorem viverra nec. <h4>Etiam ut mi sit amet mauris suscipit bibendum sit amet in odio?</h4> Etiam ut mi sit amet mauris suscipit bibendum sit amet in odio. Integer congue leo metus, eu mollis lorem viverra nec.[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

#### Faw

[vc_row el_class="wt_faq_row wt_no_vccol_padd" min_height="0" typography="dark" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="0" padding_bottom="0" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible"][vc_column width="1/1" typography="dark" bg_size="full" bg_position="top" bg_size_standard="cover" bg_repeat="no-repeat" border_style="solid" border_width="0px 0px 0px 0px" padding_top="0" padding_bottom="0" padding_left="0" padding_right="0" margin_top="0" margin_bottom="0" anim_type="wt_animate_if_visible"][vc_column_text el_class="col-md-6"] <h2>General Questions</h2> <h4>Aliquam dapibus interdum lobortis pretium ornare?</h4> Feugiat eros, ac tincidunt ligula massa in est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer congue leo metus, eu mollis lorem viverra nec. <h4>Aliquam dapibus lobortis pretium ornare erat?</h4> Vestibulum ante ipsum primis in faucibus bibendum sit amet in odio. Integer congue leo metus, eu mollis lorem viverra nec. <h4>Aliquam dapibus interdum lobortis pretium ornare?</h4> Praesent semper, lacus sed cursus porta, odio augue feugiat eros, ac tincidunt ligula. <h4>Aliquam dapibus lobortis pretium ornare erat?</h4> Integer congue leo metus, eu mollis lorem viverra nec augue feugiat eros, ac tincidunt mollis lorem viverra nec. <h4>Aliquam dapibus interdum lobortis pretium ornare?</h4> Praesent semper, lacus sed cursus porta, odio augue feugiat eros, ac tincidunt ligula massa in est. Etiam ut mi sit amet mauris suscipit bibendum sit amet in odio. Integer congue leo metus, eu mollis lorem viverra nec. <h4>Aliquam dapibus lobortis pretium ornare erat?</h4> Praesent semper, lacus sed cursus porta, odio augue feugiat eros, ac tincidunt ligula massa in estl ipsum primis in faucibus bibendum sit amet in odio. Integer congue leo metus.[/vc_column_text][vc_column_text el_class="col-md-6"] <h4>Aliquam dapibus interdum lobortis pretium ornare?</h4> Etiam ut mi sit amet mauris suscipit bibendum sit amet in odio. Integer congue leo metus mollis lorem viverra nec. <h2>Online Questions</h2> <h4>Aliquam dapibus lobortis pretium ornare erat?</h4> Vestibulum ante ipsum primis in faucibus bibendum sit amet in odio. Integer congue leo metus, eu mollis lorem viverra nec. <h4>Aliquam dapibus interdum lobortis pretium ornare?</h4> Praesent semper, lacus sed cursus porta, odio augue tincidunt ligula massa. <h4>Aliquam dapibus lobortis pretium ornare erat?</h4> Lipsum primis in faucibus bibendum sit amet in odio. Integer congue leo metus, eu mollis lorem viverra nec. <h2>Working With Our Team</h2> <h4>Aliquam dapibus interdum lobortis pretium ornare?</h4> Praesent semper, lacus sed cursus porta, odio augue feugiat eros, ac tincidunt ligula massa in est. Vestibulum ante ipsum primis in faucibus orci luctus etiam ut mi sit amet mauris suscipit bibendum sit amet in odio. Integer congue leo metus, eu mollis lorem viverra nec. <h4>Aliquam dapibus lobortis pretium ornare erat?</h4> Praesent semper, lacus sed cursus porta, odio augue feugiat eros, ac tincidunt ligula massa in est. Vestibulum ante ipsum primis in faucibus bibendum sit amet in odio.[/vc_column_text][/vc_column][/vc_row]

#### Blog

Set Template to "Blog Page"

### O) Translation - top

The files that are involved in translation are default.po and default.mo, they can be found within theme folder at the same level as template files.

We will need a gettext file editor to open up default.po and type in the translation to your language and save in the correct language .po file. The .mo file will be auto generated in the process. I use Poedit for editing default.po, you can download it from here.

The naming convention is based on the language code (e.g. zh for Chinese) followed by the country code (e.g. _CN for China). So, the Chinese file would be called zh_CN.po and zh_CN.mo. See the complete list of language codes and country codes to find your exact locale.Please note that if you name the file wrongly, WordPress will not pick up the translated strings.

You will also need to make a change to your WordPress wp-config.php file (located in your WP root directory) with the correct language codes like the example below. If you don't have a WPLANG entry then create one.
define ('WPLANG', 'zh_CN');
This language define in wp-config.php will tell WordPress to load your language files. The above example, will tell WordPress that this is a Chinese WordPress site and should load the Chinese zh_CN.po from the theme files.

### Steps

1. Download and install Poedit. There are versions for Windows and Mac
2. Launch Poedit
3. At the toolbar of Poedit, click on File > Open and Browse to your theme folder and select default.po to open it.
4. The top part of the file contains the entire list of text that needs to be translated. Each line represents a place within the theme that stores the text. If you click on different lines, you'll notice the section below displays that exact line of text. You'll need to click on the words which should be translated.
5. Do the translation for all the string and "save as" into the file name that you need. In this example, we will save as zh_CN.po. You will find zh_CN.mo being automatically created by Poedit.
6. You can upload the newly created language files to your theme folder on your server. In this case we will upload zh_CN.po and zh_CN.mo
7. Clear your browser cache and re visit your site and the theme strings should be in your language.

### P) Sources and Credits - top

Thank a lot to the next authors for their awesome work

#### Open Source Projects

- jQuery by John Resig
- jQuery prettyPhoto by Stephane Caron
- jQuery Tools plugin by Tero Piirainen
- jQuery Easing plugin by George McGinley Smith
- jQuery ScrollTo script by Ariel Flesler
- jQuery Nivo Slider plugin by Gilbert Pellegrom
- jQuery Nivo Flex Slider plugin by Woothemes
- jQuery Slides Slider plugin by Nathan Searles
- jQuery Quote Rotator plugin by Cory Schires
- jQuery Sliding Boxes and Captions by Sam Dunn
- jQuery color plugin by Edwin Martin
- jQuery elastic script by Jan Jarfalk
- cufon by Simo Kinnunen
- jQuery Multi Level CSS Menu #2 by Dynamic Drive
- jQuery validate script by JÃ¶rn Zaefferer
- mColorPicker by Meta100
- jQuery gmap plugin by Cedric Kastner
- jQuery SWFObject plugin by Jonathan Neal
- ZeroClipboard by Joseph Huckaby
- WP-PageNavi Plugin by Lester 'GaMerZ' Chan
- Breadcrumbs Plus Plugin by Luis Alberto Ochoa
- jQuery Tweet plugin by seaofclouds
- iPhone-style Checkboxes jQuery plugin by Thomas Reynolds

#### Fonts

- BP Script by Backpacker
- CuprumFFU by Jovanny Lemonad
- Colaborate by Ralph Oliver du Carrois
- Daniel by Daniel Midgley
- Droid Serif by Google Android
- Nobile by Vernon Adams
- PT Sans by Paratype
- Sansation by Bernd Montag

#### Images

- picjumbo
- unsplash

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.

Whoathemes

Go To Table of Contents