KLEO Offline Documentation - 20script

## KLEO WordPress Theme Online Documentation

## General Info

Thank you for purchasing KLEO theme!

Before you get started, please be sure to always check out this documentation. KLEO can only be used with WordPress. See more info related to WordPress install in the next section.If you are unable to find your answer here in our documentation, we encourage you to search our Knowledgebase, watch our Video Tutorials, and also perform a Forum Search for your answer.

It is most probable that your question or issue have been already asked and the answer is waiting to be found. If you are unable to find an answer, then please go to our forum section and post up a new topic with all the details we need. Please be sure to include your site URL as well. Thank you, we hope you enjoy using KLEO!

## WordPress Installation

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex or you can watch the Video tutorial created by Woo Themes. Below are all the useful links for WordPress information.

- WordPress Codex – general info about WordPress and how to install on your server
- Video tutorial – How-To install video created by Woo Themes
- First Steps With WordPress – general information that covers a wide variety of topics
- FAQ related to WordPress – the most popular FAQ’s regarding WordPress
- WP101 Training videos – some great videos from WPTuts on WordPress

## Theme Requirements

To use the theme, you must be running WordPress 3.8 or higher, PHP5 or higher, and mysql 5 or higher. It is tested with Mac, Windows and Linux. Below is a list of items you should ensure your host can comply with.

- Check to ensure that your web host has the minimum requirements to run WordPress.
- Always make sure you are running the latest version of WordPress.
- Make sure that your host has PHP memory limit set to 128MB recommended.
- Always create secure passwords FTP and Database.

## What's included

When you purchase our theme from Themeforest, you need to download the theme files from your Themeforest account. Navigate to your downloads tab on Themeforest and find KLEO. Click the download button to see the two options. The All Files and documentation contains everything, the License certificate & purchase code contains your purchase code and license certificate. Below is a full list of everything that is included when you download the main files, along with a brief description of each item.

- Assets - contains the demo of the available Vector icons used in the theme
- Demo content - Demo xml file to import in WordPress and Revolution Slider slider exports
- Documentation - Theme, Revolution slider and Visual composer documentation
- Licensing - Theme license files. This does not include the purchase code given by Themeforest
- Plugins - Updated plugins (Revolution Slider, Visual composer, K-elements) that come with every new theme version
- PSD - Search icon PSD file. There are not full site PSD files included with the theme
- WordPress - here you will find the .zip theme files to install in your WordPress site

## Installing the theme

First, you need to download the theme files from your Themeforest account. Navigate to your Downloads tab on Themeforest and find KLEO. Click the Download button and then click All Files and documentation.

Once you have installed WordPress and logged in to admin panel, you can install the theme.

This theme also contains a child theme. It is recommended to activate and use the child theme for easier future theme upgrades.

### 1. Install via WordPress Admin

To install the theme correctly, you MUST UNZIP the file downloaded from ThemeForest.

When you download KLEO from Themeforest, you got an archive which includes documentation, demo content, theme files and other resources.

INFO: Uploading the full package will give you an error of no stylesheet found

Step 1. Go to Appearance > Themes to upload theme.

Step 2. Go to “Install theme” tab and click “Upload”. Choose, from WordPress folder, the file named kleo.zip

Step 3. Do the same upload process for kleo-child.zip. Once the installation process is finished, click “Activate”.

### 2. Install using FTP

Step 1. Log into your hosting server via an FTP software

Step 2. Unzip the kleo.zip file and ONLY use the extracted kleo theme folder

Step 3. Upload the extracted kleo theme folder into wp-content > themes folder

Step 4. Activate the newly installed theme. Go to Appearance > Themes and activate it.

## Plugin installation

### Required plugins to be installed and activated

- K-elements - contains all of our theme features like shortcodes and shortcode generator

- Visual Composer - Add shortcode elements to your page with a drag-and-drop interface

### Recommended plugins to install

- Revolution Slider - create awesome sliders like the one in our demo homepage

- Buddypress - Social network in a box. Transform your site into a social platform

- bbPress - adds forums to your site

- WooCommerce - transform your site into a full-featured shop and start selling right away

- YITH WooCommerce Wishlist - adds the ability to add products to Wishlist

- rtMedia - adds nice media galleries to your BuddyPress install

- Paid Memberships Pro - adds membership features to your site so you can start charging your members

After you install and activate KLEO, you will get a notification message in your WordPress admin telling you of the required and recommended plugins.

### Additional plugins used on our demo

- Social Articles - allow users to create posts right from their BuddyPress profile

- Contact Form 7 - create contact forms like the one used in our Contact page

## Theme and plugins updates

CAUTION: If you have made any changes to theme files, updating the theme will overwrite your modified files and you will loose any customizations. For safe updates please enable the Child theme and do any customizations there.

#### Automatic updates:

- Go to WP admin – Theme options – Theme Update
- Enter Themeforest username and API KEY
- Save the options
- Go to WP admin – Dashboard (link should be like: /wp-admin/update-core.php) and you should see the theme there if there is a new update available
- Click the checkbox next to it and click to Update themes

#### Manual update by FTP.

- Connect to your server.
- Go to wp-content/themes/ and copy “kleo” folder to your computer so you have a backup of your old files.
- Extract kleo.zip that you have downloaded from Themeforest. Make sure the resulting “kleo” folder has a style.css in it. Delete on your server all files inside wp-content/themes/kleo and then copy all files inside “kleo” folder to your server in wp-content/themes/kleo

Last step is to go in WP Admin – Theme options and save the options since some dynamic elements might have been added and to make sure you get the latest styling.

### Plugin Updates

#### - K-elements

After the theme update please update K-elements plugin. You will find the .zip archive under the main package downloaded from Themeforest under Plugins folder.
Starting with version 1.2, K-Elements will get updates right from your admin panel – Plugins like any other plugin.

Until version 1.2 please manually update the plugin by FTP:
- Extract the archive and replace the files on the server in wp-content/plugins/k-elements

#### Visual composer and Revolution slider need to be updated manually since they are bundled with the theme.

#### - Visual composer

Re-download the theme from Themeforest. You will find the .zip archive under the main package downloaded from Themeforest under Plugins folder. You can delete the old plugin from WP Admin – Plugins and upload the new .zip file

#### - Revolution Slider

Re-download the theme from Themeforest. You will find the .zip archive under the main package downloaded from Themeforest under Plugins folder. You can install the update by going to WP admin – Revolution Slider – Manul plugin update (bottom-right of the page)

## Demo content

Note! Demo data does not include all images from the demo. These images are copyright protected and require permission in some cases to use. The required images have been replaced with holding images.

### Import all demo content

Follow this steps to add demo content:

Step 1. Install WordPress importer plugin. Go to Tools > Import

Step 2. Select WordPress

If WordPress importer is not installed, go ahead and install it. Run the importer.

Step 3. Choose the demo-kleo.xml file located in ../Demo content/demo-kleo.xml

After the file is uploaded make sure to assign Authors and import Attachments.

That’s it, all demo data has been imported.

### Import individual Pages

If you don't want to import all the demo content, you can import individual pages. You will find below the demo code for all the individual pages from our demo that were created using shortcodes.

Follow this steps to import one of the demo page:

1. Click the button with the page you want to import and then copy the text from the opened window.

2. Create a new Page on your WordPress Admin area.

3. Switch to the Classic editor and then switch to the Text tab from the Editor and paste the copied code above into the editor.

4. You can now use the Visual composer to edit the elements by clicking the Backend Editor button.

Pages to import:

Home Shop Home e-Learning Home Comunity Portfolio Business Home Simple Pinterest style Portfolio Full Width

## Buddypress & bbPress

After activating the theme, a notice will appear letting you know that you need to install Buddypress and bbPress.

You can automatically install plugins this way or you can manually install the plugins from WordPress repositoy here

### BuddyPress

After you have installed Buddypress, go to WP Admin -> Settings -> Buddypress to make specific settings.

#### Components

Buddypress comes with several useful components, such as Friends, Groups, Activity, Notifications etc and you can see them in the components tab.

#### Pages

BuddyPress requires setting up some pages to function properly. You need to map each of Buddypress components to your site pages. If you haven't already created the pages to assign to Buddypress components then go to Pages menu and add them and come back to assign them.

#### Activity Page

Activity Page shows wide activity from users. This includes messages, comments, friend requests, groups activity, etc

#### Groups Page

Groups page is used to show the Groups Directory. You can enable users to create groups from Settings - Buddypress - Settings

#### Members Page

Members page will show all of your site members.

#### Registration Page

This is the page where users can register on your sites. All the profile fields that users have to complete on registration can be set from Users - Profile fields - Base group. Make sure to enable Extended profile fields so you can add custom user profile fields

#### Activation Page

Activation page is used to to confirm an account creation. Users will receive an email with an activation link once they register.

#### BuddyPress Profile Fields

You can create your own profile fields for users. Make sure to enable the Extended Profile component in Settings - Buddypress.

Fields you add to the Base profile group will show in the Register page

Fields can be arranged into groups and you can define your own groups to show in user profile edit page.

### bbPress

bbPress is forum software from the creators of WordPress. Easily setup discussion forums inside your WordPress.org powered site.

For bbPress settings go to WP Admin -> Settings -> Forums.

## Visual Composer & K Elements

Visual Composer is a very unique plugin, it will help you manage your content in your WordPress site. Nowadays many websites have complex grid layouts with columns, tabs, sliders which are easily achieved using Visual Composer.

### Plugin Installation

Visual Composer installation can be done automatically after the theme install. You will see a notice just like this and follow the installation instructions.

On Visual Composer settings page (Settings->Visual Composer), you should select content types where Visual Composer should appear.Now you are ready to go. Create new post/page and switch to the “Visual Composer” mode.

### Concept

After installing and enabling Visual Composer plugin you can start creating your layouts. There’s one concept/design pattern you should know.

In the Visual Composer editor mode you’ll have “Add element” button, which you should click or drag to the working canvas, to add content block or row to your page.

Clicking the “Add element” button will show the content element selection menu. Content blocks are divided into categories (Show all, Content, Social, Structure, Buddypress, WordPress Widgets).

### K Elements

This plugin is also required for the theme to have complete functionalities since here are all theme shortcodes that gives power to the theme and it also integrates with Visual composer.

Install it just like Visual Composer above.

## Revolution Slider

We have created a demo slider so you have a starting point. You can see the sliders in action at our demo site: http://seventhqueen.com/themes/kleo
To import the slider:
- Go to WordPress Admin -> Revolution Slider -> Import Slider.
- Browse to the Demo content folder, located in the package downloaded, and go to revolution_slider.
- Choose the .zip file and click Import Slider

You can add revolution slider:
- to post/page content using the displayed shortcode

- post/page using Visual composer

Please see full Revolution Slider documentation included in the Documentation folder of this theme main package.

## Woocommerce

Woocommerce was added to KLEO in version 1.4.

Besides normal Woocommerce settings from WP Admin - Woocommerce - Settings we have added more customizations that can be found under WP Admin - Theme options - Woocommerce

This theme uses image sizes other than WooCommerce normal sizes. Go to WooCommerce > Settings > Products and change sizes to these:

NOTE: If you're installing the theme on existing content, then you may need to use the Regenerate Thumbnails plugin to regenerate the images to use your newly set image sizes.

### How to add content on top of pages like Shop page

Go and edit the page you want to customize and add your custom content to the "Header Content" box. This lets you add nice full width top banners using Revolution slider shortcode for example

### How to add content to the page bottom like Shop page

Go and edit the page you want to customize and add your custom content to the "Bottom Content" box. This lets you add custom text that allows shortcodes to display right after the current page content ends.

### How to add top banner to a category page

Adding a banner or HTML content to a category header requires the plugin: Taxonomy Metadata. Follow these steps to add a Top banner to category pages:

1. Go to Products > Categories
2. Edit the category where you want to add top banner
3. Add content to "Top Content".
4. You can add any content also containing shortcodes. For example you can create some elements using Visual Composer in a page, go to Classic view and copy the code from there

### Wishlist

If you want to enable Product Wishlist for your customers then you need to install this plugin http://wordpress.org/plugins/yith-woocommerce-wishlist/

After the install you KLEO will display on products loop a little heart icon where user can add the product to their wishlist

Recommended settings:

1. Go to WooCommerce > Settings > Wishlist
2. Change "Position" to "Use shortcode"
3. Enable "Show "Add to Cart" button"
4. Enable "Use theme style"

## rtMedia

rtMedia - Allow your users to upload media files from their profile.
Formerly known as Buddypress Media brings exciting media features to your WordPress site
Features

- Display media on WordPress author pages (eg:http://example.com/author/admin/media/)
- Media Attachment for WordPress comments on posts/pages (coming soon)

BuddyPress Integration

- Adds media tab to BuddyPress Profiles and Groups.
- Attach media to activity status updates.
- Create activity on uploads and sync comments on them with WordPress comments.
- Works even if BuddyPress activity is disabled.

bbPress Integration

- bbPress profile integration
- Attachment support for topics and replies (coming soon)

Albums

- Albums are used to organise media. Since rtMedia 3.0, you can create albums even if BuddyPress is not present.
- Apart from creation of albums, moving media between albums and merging albums is also supported.
- Global albums can be used to define preset albums. "Wall Posts" is an example of global album.
- Option to disable albums (just in case you don't like them!)

Download and details link: http://wordpress.org/plugins/buddypress-media/

## Memberships

We added the option to add Memberships using awesome Paid Memberships PRO plugin: http://www.paidmembershipspro.com

To install it you can do it from the Admin notification that should recommend you to install it or by going to WP admin - Plugins - Add and by doing a search for "Paid Memberships PRO"

Before you get started… be sure to spend some time thinking about what membership levels you want for your site. It’s easiest to set up Paid Memberships Pro when you have this very clear ahead of time.

- What will members have access to?
- How much are you going to charge?

For this tutorial, I’m going to do a simple $10/month membership, which will give users access to the “Members Only” category on my blog.

You should also have your payment gateway account created already and have your API keys or gateway username and password handy.

Go to paidmembershipspro.com/gateway/ to learn more about which payment gateways integrate with Paid Memberships Pro and to find links to sign up for them.

#### Step 1. Add a New Membership Level

On the dashboard, go to Memberships and select Membership Levels.

1. Name: The name of your Membership level (public)
2. Description: Optional content shown on the checkout page.
3. Confirmation Message: Optional content shown on the checkout confirmation page.
4. Billing Details: For my $10/month plan, I set:
   - Initial Payment (This is what is charged at checkout. E.g. $10.)
   - Recurring
   - $10 per 1 Month
   - No payment limit
   - No trial
   - No expiration
5. Content Settings: If you have any Categories that should be locked down for members, you can check them off at the bottom of the edit level page. This means that any post in a restricted/Members-Only category will be locked down for members of this level.
6. Save Level

Important: At least one membership level must be open to signups (“Allow Signups” = Yes) or your customers will be redirected to your membership levels page when they try to register or checkout.

#### Step 2. Setting up PMPro Pages

The next Step is to set up some pages that Paid Memberships Pro needs to get the job done.

1. Click the Pages Tab. (From the dashboard, go to Memberships and select Page Settings)
2. Paid Memberships Pro can Generate these pages for you: Click the link that says “let us generate them for you”.

This step sets the WordPress pages assigned to each required Paid Memberships Pro page. For better looks you can edit each page and set it to use the Full-width Page template

#### Step 3. Payment Gateway & SSL Settings

1. Click the Payment Gateway & SSL Tab. (From the dashboard, go to Memberships and select Payment Settings)
2. Payment Gateway: Click the drop-down and select one of the payment options available. In the tutorial, we’ve chosen Stripe, which is free and quick to setup. Make sure to setup your account before you do this step.
3. Gateway Environment: Choose the test or live gateway. For the tutorial, we’ve selected Sandbox/Testing, but typically you want to set this to “Live”.
4. Complete the fields for your chosen Gateway: For Stripe, enter your Stripe secret key and publishable key. Other payment methods with have different processes.
5. Sales Tax: For this example, we are not charging Sales Tax. Always check with your accountant or your state tax office to see if tax is required and the tax rate for your memberships.
6. SSL: An SSL certificate can be purchased and setup by your website hosting provider. If you are unsure, GoDaddy is a good SSL provider where you can get a cheap SSL to use no matter where your site is used. Learn more about setting up your SSL here.
7. SSL Seal Code: If you have an SSL Seal Code paste it in the box here. (Note: the “seal code” is a bit of javascript or HTML verifying your site’s security to your visitors and typically links to your SSL provider for verification.) This is different from the “SSL Certificate”, which is the private key certificate that must be installed by your web host.
8. HTTPS Nuclear Option: If you have SSL Errors on your check out page, checking the HTTPS Nuclear Option will often fix them.
9. Note: You may see additional fields below, such as a webhook or a service url you might need to reference for your gateway.
10. Save Settings

#### Step 4. Email Settings

1. Click the Email Tab. (From the dashboard, go to Memberships and select Email Settings)
2. From Email and From Name: Use these fields to change the email address and name used WordPress sends email communications to your members.
3. Send the site admin emails: Keep all boxes checked so you receive email confirmations about membership activity on your site.
4. Save Settings

#### Step 5. Advanced Restriction Settings.

1. Go to Theme options - Memberships.
2. Set up your restrictions for Buddypress components for different levels you have already added.
3. Save Settings

#### Step 6. You’re Done – Now go test it!

After you have successfully set up the plugin, try the experience from start to finish from your user’s perspective.

1. Navigate to a members-only piece of content, try a blog post in a locked-down category.
2. Click on the register link.
3. From the Membership Levels page, select a level to checkout.
4. After successful checkout, return to your members-only piece of content and enjoy!

## Menus

Menus area defined from WP Admin → Appearance → Menus.

If you have imported the demo content you should already have the demo menu here, if not then you can create a new one.

Theme has two menu locations predefined: Primary menu and Top Menu. You can assign menus to the header locations from WP Admin → Menus → Theme Locations.

### Login, Log out or Buddypress related links

To add links like make sure Buddypress plugin is activated WP Admin → Appearance → Menus - Screen options(top-right of the current screen) and tick the check box next to Buddypress. After that you will see a Buddypress section on the left with links to add to your menu.

### Kleo Live Notifications

You can add the Live BuddyPress notification item to the menu from Appearance - Menus - KLEO section. To have this option available you must have BuddyPress installed and Buddypress Notifications module active(from Settings - BuddyPress)

### Menu colors

To change colors go to theme options: WP Admin -> Theme options -> Styling options - Header section

## Pages

### Create a new Page

1. Go to WP-admin - Pages and click Add New.

2. Write a new name for your page and see the Page Attributes box on the right side.

3. Set your template from the drop-down list. See list of page templates on the right side.

5. Select any number of page options in the Theme General Settings box

6. Write your content using the Classic editor where you can choose from the Visual or Text editor mode or go with Visual composer option where you can easily create your pages using Drag&Drop page builder.

### Choosing your Home page

1. Set the home page via WP Admin → Settings → Reading → A static page → Front Page → set to Home.
2. Go to Pages -> Edit Home page. Select "Full Widh" Template from Page Attributes.

If you haven't used the demo content import, explained in the previous section, you can reproduce our home page using Visual Composer plugin.

## Contact Page

We have created a Contact page Template to use for your Contact Page. If you have imported the Demo content you will have it ready to be used.

This template includes a Google Map at top added with Visual composer plugin

Kleo is ready for Contact Form 7.

If you want to quickly build your contact page, install the plugin form the following address: http://wordpress.org/extend/plugins/contact-form-7/

After you have successfully installed the plugin go to WP Admin -> Contact.

1. Edit contact details and fields.

2. Copy the shorcode for the form(example: [contact-form-7 id="91" title="Contact form 1"]) to your contact page:

## Portfolio

With KLEO you can create beautiful portfolio page with lots of options to choose from. You can create as many portfolio pages you want with different page layouts.

### Creating Portfolio items

1. Navigate to WP Admin - Portfolio and click Add New.

2. Write a new name for your portfolio item, then see the Page Attributes box on right side.

3. Most of portfolio pages from our demo are set as Full width template to create a nice full website page.

4. Go to the Portfolio settings Box down the page. Here you will configure your portfolio item appearance.

5. Select your portfolio type. This affects the look on the portfolio main page. You can choose from:

- Thumbnail: use the Featured Image from the right side box

- Image slider: You can add multiple images that will create a slider

- Hosted video: Add your own hosted video

- oEmbed video: Add Youtube, vimeo videos or any other supported oEmbed links

6. Create your content or import a demo portfolio template from our demo. See the section below.

7. You are done. Just publish it.

### Portfolio item Templates

You will find the individual templates in the Demo section of this documentation. Also you can see the Portfolio templates on the Visual composer templates section from your page.

## Shortcodes

Shortcodes are small texts wrapped in "[" and "]" that are converted by WordPress.

This theme has a built in button in your editor for you to easily add shortcodes.

Using this button you will see all available shortcodes. You can also use this shortcodes in Visual Composer plugin.

### Working with the Shortcodes

You must have installed K Elements and Visual Composer to take full advantage of all the theme shortcodes.

To start building your pages go to Wp Admin - Pages - Add Page

Then you will have a Visual Composer button, click on it.

These are all the available shortcodes you can combine however you want.

The best option to get you started is to import the Demo content in the steps before so you can have the pre-built pages available to you.

## Theme Options

To access Theme option go to WP admin -> Theme options.

Options are divided in the following sections:

- General settings - Logo, favicons, analytics code, Quick CSS code
- Layout settings - Boxed/Wide layout, Sidebar/No sidebar, etc
- Header options - Different options for you to choose from
- Blog - Layout options for blog pages
- Styling options - Backgrounds, colors, for header, main section,alternate section, socket and footer
- Fonts - Set the fonts you want to use in the site
- Buddypress - Buddypress related settings
- Memberships - Available only when Paid Memberships Pro is installed. Restrict access to Buddypress related components
- Social info - Set up your Social profiles
- Miscellaneous - Facebook APP ID for login integration.
- Theme updates. Envato account and API for automatic theme updates.

## Widgets and Sidebar

Widgets allow you to customize different areas of the site. Kleo has 6 locations where you can add Widgets and you can see them in the image.

Main sidebar is the Primary sidebar in your site like the picture illustrates

Footer Columns

Extra sidebar is used in 3 column pages:

You just Drag & Drop each widget to the desired location like in the image bellow:

## Post Formats

Post Formats were introduced with Version 3.1. A Post Format is a piece of meta information that is used to customize presentation of a post.

Kleo supports 8 different formats.

See them in action in your Blog Page

Image, Gallery, Video and Audio formats will display the respective chosen media before post content.

## Translation

The theme is translation ready and fully supports WPML for managing a multilingual website.

You can translate it to any language or even set multiple languages.

You can find out more about how to translate WordPress into your language here http://codex.wordpress.org/Translating_WordPress

Our .PO file is located in languges/ folder inside the theme's folder.

The easiest way to translate this theme is to use "Codestyling Localization" plugin. http://wordpress.org/plugins/codestyling-localization/

Install the plugin and follow these steps:

1. Go to Tools > Localization
2. Find "KLEO" and click "Add new language"
3. Click "Rescan" on the language you added
4. Now you click Edit and translate the words you need
5. Click "Generate MO-file" when you are done translating.

## WPML plugin

Here is what you need to know on turning KLEO multilingual with WPML.

First, you need to to purchase a recent version of WPML, including the String Translation and Translation Management modules.

### Initial Setup

- Install and activate the core WPML plugins (WPML Multilingual CMS, WPML String Translation, WPML Translation Management), and then other WPML plugins that may depend on them.

- Set up WPML from WPML->Languages. See WPML Getting Started Guide for complete reference, but the initial simple three-step setup is self-explanatory, asking you to choose your default language, a set of active languages, and a language selector.

### Translating Pages, Posts and other post types

To translate a page you need to go to Wp admin - Pages and in the list you will see columns for each active language, with a pencil icon (for ‘edit translation’) or a ‘+’ icon (for ‘add translation’) next to each page. Go ahead and edit or add the translated page for ‘Home Default′.

Right now you just need to translate your page into the new language.

Read this to easily duplicate your existing content.

### Translating custom post types and taxonomies

KLEO comes with extra custom post types such as portfolios and testimonials, and custom taxonomies. In order to get a similar interface for translation/duplication as for posts and pages, you need to go to WPML->Translation Management, and select the tab ‘Multilingual Content Setup’.

### Translating Menus and Language Switcher in Header

WPML can synchronize menus for you. This means that if some entries, for example some pages, posts or categories, are in the English menu, WPML can generate and keep in synch menus for other languages pointing to the translated versions of these pages, posts or categories.

From WordPress Appearance->Menus you can see your existing menus and add menu translations and synchronize menus across translations.

To show the language switcher in the header you need to activate it from Theme options - Header options.

### Translating theme texts and other strings in your site

To translate strings you need to follow the procedure for Theme and Plugin Localization. Go to WPML->Theme and Plugin Localization, and click on ‘Scan the theme for strings’ and you will see theme strings and which ones are translated or not.

## Files and Structure

### CSS Files

We're using several CSS files in this theme:

- assets/css/bootstrap.min.css - Framework base

- assets/css/app.css - file contains all of the specific styling for the theme template. Each section of this file is commented for better understanding.

- assets/css/fontello.css - Fontello icons are vectors, which mean they're gorgeous on high-resolution displays.
- assets/css/plugins.css - This are styles for compatibility with other WordPress plugins

- assests/css/dynamic.php - This is used to generate a static css file with all the customizations from Theme options page. The file is save in wp-content/uploads/custom_styles/dynamin.css. This is generated each time you are saving theme options. If you don't have write access in your hosting environment, the styles will be loaded in the head of the site at each request.

#### RESPONSIVE

Responsive means that the content will adjust to every screen width and you can control how appearance will be through media queries.

You can find the responsive media queries in app.css at the end of the stylesheets.

### JavaScript Files

This template loads several JS files.

Most of JS (scripts) are loaded at the end because it will increase speed and rendering.

The JS files in this template are:

1. boostrap.js - Framework javascript file
2. scripts.js - Different scripts for theme features
3. Modernizr Foundation
4. Template custom scripts - assets/scripts/app.js - All custom functions are written and initialized in this JS file. Each section of this file is commented for better understanding.
5. Other JS plugins (check them out in the Source & Credits section)

## Vector Icons

KLEO uses Fontello for Vector icons.

To see the icons that are included follow the next steps:

1. Go to http://fontello.com/

2. Click on the little tool icon at top and Import

3. Go to the theme main downloaded package from Themeforest in Assets/Fontello and select the font-icons.json

4. Now you'll see all the icons that are available with a rounded border.

To extend the included vector icons:

1. Select additional icons as you wish

2. Click the Download button.

3. You will have a similar folder as we provided in Assets/Fontello

4. Copy all the files inside the "font" subfolder that have the extensions like .eot, .svg, .ttf, ,woff to kleo/assets/font

5. Copy from css/ folder the files fontello.css and fontello-ie7.css into kleo/assets/css/

6.That is it.

## Source and Credits

SCRIPTS:

- Bootstrap 3
- CarouFredSel
- PrettyPhoto
- MediaElement.js

## THANK YOU!

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.

©2014 SeventhQueen - Powered by KLEO Theme

## Log in

Create an account
Remember me Lost your password?

## Forgot your details?

I remember my details