1.5 Theme Installation

1. At first, after purchasing this theme, please download the package from Themeforest. All you need to do that is move your mouse over your login name in the right top corner (of course after you`re logged in Themeforest) and then click Download. Here you will find all the items that you have purchased.

2. In the next step click the Download > Main File(s) button next to DesignThemes theme and save the package on your computer.

3. Please unpack the whole package after downloading it from Themeforest. In that package, you can find things like documentation.zip, kidslife.zip, kidslife-child.zip, layerslider-export.zip and revolutionslider-export.zip files.

1.5.3. Theme Installation via WordPress

Follow the steps below to install the theme via WordPress.

1. Navigate to Appearance > Themes.
2. Click 'Add New' button near 'Themes' title.
3. Now 'Add Themes' page will be loaded with 'Upload Theme' button hit on it.
4. Now navigate to find the "kidslife.zip" file on your computer ( "kidslife.zip" will be found inside "KidsLife-1.4.4.zip" ) and click "Install Now"
5. Once uploaded go to Appearance > Themes and activate it.
6. Then you will see a notification message to install and activate the required & recommended plugins. 'DesignThemes Core Features Plugin' should be installed and activated immediately as the prompted features will be loaded only if this plugin is activated.
7. Once required plugins are activated, navigate to Settings > Permalinks, select 'Post name' in 'Common Settings' tab and save it.

1.5.4 Theme Installation via FTP

Follow the steps below to install via FTP.

1. Log into your hosting server space using FTP software.
2. Unzip the "kidslife.zip" ( "kidslife.zip" will be found inside "KidsLife-1.4.4.zip" ) file and ONLY use the extracted 'kidslife' theme folder.
3. Upload the extracted 'kidslife' theme folder into wp-content / themes folder.
4. Activate the newly installed theme in Appearance > Themes.
5. Then you will see a notification message to install and activate the required & recommended plugins. 'DesignThemes Core Features Plugin' should be installed and activated immediately as the prompted features will be loaded only if this plugin is activated.
6. Once required plugins are activated, navigate to Settings > Permalinks, select 'Post name' in 'Common Settings' tab and save it.

Please take a look at structure of the KidsLife-1.4.4.zip archive you got after purchasing.

1.6 Folder Structure

• style.css - main style.css
• responsive.css - makes the template as responsive
• rtl.css - supports right to left alignment of some languages
• The css folder - contains the css for all major browsers, prettyphoto & for the font awesome. - ( Please ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours. )
• The css / skins folder - contains the css for predefined skins that comes with the template.
• The framework folder - contains all theme related files and javascript files.
• The images folder - contains all the images that are used in the stylesheets for the layout purpose.
• The languages folder - contains default .po files.
• The woocommerce folder - contains customized files of woocommerce.

1.8 How To Update Your Theme?

Kindly follow the steps given below to update our theme with the latest version.

1. Download the theme's latest version from Themeforest downloads page.
2. If you've made any custom changes in the code, please take a backup of those files first. To be in safer side, take backup of the database completely.
3. Overwrite the older theme files with latest theme files. Update the custom changes (from backup) into the new files.
4. Now goto "wp-content / plugins" folder through the FTP software.
5. Remove the folder 'DesignThemes-core-features' from "wp-content / plugins" folder. Make sure you have taken backup of custom changes if any.
6. Then get into "Dashboard -> Appearance -> Install Plugins", to install and activate the 'DesignThemes Core Features Plugin'.
7. Hereby you can update to the latest version of our kidslife theme easily.

Note: If you have already updated our theme, just follow the steps 4,5,6 to update our 'DesignThemes Core Features Plugin'

3.1 Menu Settings

Kids Life - Multipurpose Tour Package WP Themecomes with three menu locations.

• Header Menu - this is main menu that appears in header area
• Footer Menu - this is the menu that appears in footer area

3.2 Setting up the MegaMenu

Kids Life offers a very simple method to create and organize your site navigation. Your theme defines the available "locations" as well as their look and feel. Once you create a menu, you can then drag and drop menu items, child items and reorder to your preference. This tutorial walks you through the steps.

Step 1 – Start by navigating to the menu manager under Appearance → Menus.

Step 2 – Under the "Edit Menus" tab, you'll see a "create a new menu" link. Name your menu with something useful such as "Main Menu" and then click the "Create Menu" button to begin adding items.

Step 3 – Now, let's add some menu items.

Step 4 – On the left hand side of the screen you'll see a box containing all of your Pages, Categories, etc.

• First, select a few items to be included in your menu.
• Click the Add to Menu button and the items are added to your menu.

Step 5 – Go ahead and click "Save Menu" anytime you change something. If you navigate away from the menus page before saving, all your menu settings could be lost.

3.3 How to Setup a New Menu

Step 1 – Navigate to Appearance > Menus section of your admin sidebar.

Step 2 – Click the 'Create a new menu' link to make a new menu. Enter the name then click the 'Create Menu' button.

Step 3 – To add a menu item, select one of your created pages on the left hand side and click the 'Add to Menu' button. You can also add all kinds of different posts from the left side.

Step 4 – To add a custom menu item, enter URL and Link Text using 'Custom Links' box.

Step 5 – Manage your menus by using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item.

Step 6 – After setting up your menu, scroll down to the bottom of the page to assign the menu to one of the 3 locations in the Theme Locations box.

Step 7 – Once its all done, make sure you click the Save button.

Logo & Favicon

To setup logos, please navigate to "Dashboard > Kidslife Options > General ", where you will be able to upload custom logos for web browsers and retina screens. Also you can specify width and heights of retina logos.

If you are using the latest version of WordPress you will have default option to setup favicons, for that navigate to "Dashboard > Kidslife Options > General". If your WordPress doesn't have that functionality you can make use of theme custom options in "Dashboard > Kidslife Options > General > Favicon"

5.1 Getting Started (How to create new page ?)

Step 1 – Navigate to Pages in your admin sidebar and click Add New menu.

Step 2 – Input a new name for your page, then find the Page Attributes metabox on the right side.

Step 3 – Set your parent page here. It's usually set to (no parent).

Step 4 – Choose your page template from the Template dropdown list. See list of page templates below.

Step 5 – Content for your page goes in the editing field, use the Visual or Text editor or Page Builder. Page content is mainly built using Shortcodes. See the Shortcodes section for how to use them. You can also use our demo content by importing from buddha panel.

5.2.1. Slider Options

• Kids Life has following slider options 'Layer Slider', 'Revolution Responsive' and 'Image Only'.
• 'Image Only' option has space to add shortcodes, which will be displayed over image.

5.2.2. Default Page Options

• You can enable / disable the breadcrumb section here.
• You can switch between following available page layouts 'Without Sidebar', 'Left Sidebar', 'Right Sidebar' and 'Both Sidebar'. You can choose the custom widget area created using 'Widget Area' tab in Buddha Panel(Admin Section ->Kids Life) and enable / disable the default widget area.
• Enable / Disable comments at any time.

5.2.3.SEO Options

• You can add title, description and keywords for every single page using this option.
• When external plugins 'All in One SEO Pack' or 'WordPress SEO by Yoast' is activated, this theme 'SEO Options' will be removed automatically.

6.1 Blog Single Post Options

You can configure each single blog post with following options

• You can choose template for your post which is configured in template post type.
• You can switch between following available page layouts 'Without Sidebar', 'Left Sidebar' and 'Right Sidebar'. You can choose the custom widget area created using 'Widget Area' tab in Buddha Panel(Dashboard -> kidslife Options) and you can enable / disable the default widget area.
• Enable / Disable the featured image of the blog post at anytime.

6.2 Portfolio Single Post Options

You can configure each single portfolio post with following options

• You can choose template for your portfolio post which is configured in template post type.
• You can switch between following available layouts 'Fullwidth', 'Left Gallery' and 'Right Gallery'.
• You can configure Sub Title, Tools and Website for each portfolio which can be configured in Buddha Panel (Dashboard -> kidslife Options -> Page Options -> Portfolio -> Portfolio Custom Fields)
• Enable / Disable the Social Share and decide on, what social icons to display.
• You can add any number of images and videos for each portfolios which will be displayed using bxslider in frontend.

7. Slider

7.1 Layer Slider

LayerSlider WP is a premium multi-purpose slider for creating image galleries, content sliders, and mind-blowing slideshows with must-see effects, even from your WordPress posts and pages. It uses cutting edge technologies to provide the smoothest experience that's possible, and it comes with more than 200 preset 2D and 3D slide transitions. It has a beautiful and easy-to-use admin interface with supporting modern features like drag n'drop WYSIWYG slider builder, real-time previews, timeline view, Google Fonts and transition builder for custom animations. It's device friendly by supporting responsive mode, multiple layouts, touch gestures on mobile devices, and uses techniques like lazy load and conditional script loading for optimal performance. You can add any content into sliders, including images, text, custom HTML, YouTube and Vimeo videos or HTML5 self-hosted multimedia contents. It's also SEO friendly by allowing you to build semantic markup with custom attributes that search engines can index easily. LayerSlider comes with 13 built-in skins, and it has tons of options to entirely customize the appearance and behavior of your sliders at the smallest detail.

LayerSlider is external plugin which is included into theme. Because, for each product we purchase "Extended license" and that`s why we are able to include it into theme. This plugin works fine of course and if you want current slider version, you can always get directly from us. What you need to do, to get this slider is send us a request about it via contact form on our profile's page http://themeforest.net/user/DesignThemes (it is in the right bottom corner) and we`ll send you the current version.

7.1.2 Create A New Layer Slider

Step 1 – Click on the Layer Slider sidebar item in your admin section, then click the "Add New" button and give the slider a name.

Step 2 – The "Slider Settings" tab will open and allow you to set the general settings for your slider such as the width, height, responsive, full width, and more. Check out each tab.

Step 3 – Once you are done, click "Save Changes" to save the slider. Next you can add slides, see the information below.

Please Note – You can get sample sliders by clicking the "Import Sample Sliders" button. It's a good way to learn and see the different types of settings.

7.1.3 How to add Slides to your slider

Step 1 – Click on the "Slides" tab.

Step 2 – Slide #1 will already be created, add a background image for the slide, set thumbnails, transitions, links and more in the settings box above the slider preview window.

Step 3 – Each slide you make can have multiple layers to it. The layers show up below the slider preview window. Click "Add New Layer" create a new layer. An editing section will display once clicked.

Step 4 – The layer editing section has 5 tabs; Content, Transition, Link, Styles, Attributes. Content tab is where you add your content, Transition tab is where you set all the timings and animations, Link tab is where you can set the content to link, Styles tab is where you set custom styles, Attributes tab is where you can add custom id's or classes.

Step 5 – Click on the Content Tab and enter your text, image or video or custom HTML content. Then set your transitions, links, styles and attributes if needed.

Step 6 – Click the "Enter Preview" button to view a preview of the slider and layers.

Step 7 – When finished, click "Save Changes" to save it. Repeat process for more slides.

8.1 General Options

Theme options are very important when it comes to the Kids Life theme. You must go through the theme options setup to make the theme work properly.

1. You'll notice above the Appearance panel in the left sidebar is the Kids Life settings pane. Click the Kids Life navigation.
2. Fill out the available settings; It's having 15 different types of setting pages with tabs. Please use help tooltips (?), and change as you wish.

General - To set logo, favicon and other settings

Sociable - To set social share module at the top of the theme.

Logo & Favicon

To setup logos, please navigate to " Dashboard > Kids Life > General" for Logo section, where you will be able to upload Custom and Retina Logos. You can also setup some different logo options (favicons) hereby.

Please remember that Retina Logo should be always 2x larger than the Custom Logo currently in use (this field is optional).

8.2 Appearance

Appearance Settings - Here you can change the appearance of the theme Please check below options available in this section,

• Menu - To Change the Menu section appearance and behaviour styles
• Body - To customize the body portion of the theme like font, color & etc.
• Footer - To customize the footer portion of the theme like font, color & etc.
• Typography - To customize the Font color, size, type from H1 upto H6
• Layout & BG - Here you can change the layout of our theme (Boxed or FullWidth)

For Boxed layout - you can set the background by selecting the predefined patterns or upolad your custom image.

8.3 Skin Options

Skins - KidsLife comes with following predefined 20 color skin

20 color skins are aqua, blue, burnt_orange, chocolate, green, grey, lavender, mustard, ocean, orange, pearl, pink, purple, red, ruby, steelblue, teal, turquoise, violet, yellow

8.4 Integration Options

General - To place any code , that will be appear in header portion of every page / post.

We have to sections to place code for the top and bottom of every page.

Post - Single Post customization

With the help of this "Post integration" section , you can do the following things,

1. Setting up top and bottom code for individual post
2. Post Meta section - to show / Hide post meta options(Author, Date, Comment, Category and tag info)
3. You can enable Social share & Social bookmark module with easy customization option.

Page - Single page customization

You can do all the options like post customization expect the Post Meta section for the pages.

Portfolio - Single page customization

You can enable social bookmarks in portfolio single page using the below options.

8.5 SEO Options

1. Title Delimiter - Please specify the symbol to be appeared in title of your pages.
2. Page Title Formats - Drap and Drop options let you customize the title for following pages easily,
   1. Single Post and Page Title Format
   2. Category, Archive and Tag page Title Format
   3. Search and 404 page Title Format
3. Meta - To specify Meta data and other SEO elements
   1. You can generate automatic Canonical URLs for entire website
   2. You can exclude archive, category and tag pages from indexing to avoid duplicate content issues.
   3. You can also generate:
      1. Automatic description
      2. Meta keywords from the tag and category for posts.

Options related with SEO

• Google Analytics - paste your Google Analytics code to track your site
• Google Remarketing - paste your Google Remarketing code to add potential customers to Google list
• Use built-in SEO fields - if you are using external SEO plugin, then our inbuilt SEO options are turn off automatically.
• Meta Description - this is meta description for homepage but it`s also default description for each page added in Pages section.
• Meta Keywords - this is meta keywords for homepage but it`s also default keywords for each page added in Pages section.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

8.6 Speciality Pages

Speciality Pages - Author, Category, Tag, Gallery, Search & 404 Page

Dashboard > Kids Life > Speciality Pages Options

Available Options:

1. You can choose page layout
2. You can choose post layout for Author, Category, Tag, Gallery & Search Page
3. Custom 404 Text for 404 Page
4. And Background settings for 404 Page

8.7 Footer Settings

Available Options:

1. Show / Hide Footer Section
2. Columns Layout - To choose the layout style you need in the footer..
3. Footer Logo Settings
   1. Show / Hide Footer Logo option
   2. Upload new footer logo
4. You can set Copyright text ,and enable it to show in front view

8.8 Widget Area

Widget Area - To create custom widget areas

You can create custom widget areas and you can assign it to any post, pages,....

8.9 Woocommerce

To get this option install WooCommerce plugin. And the plugin bundled with dummy data which can be imported to instantly give you a working store with products to test the different features WooCommerce has to offer.

Available Options:

1. No.of Products to show in main shop page.
2. Product Layout - 3 types of products layouts are there. (II Column, III Column & IV Column )
3. Product Details, Product Category, Product Tag page layouts.
4. Also you can easily handle widget areas for individual Product, Product Category, & Product Tag in the Role -> "Widget Area" Settings.

Following plugins used to extend the woocommerce options

1. YITH WooCommerce Zoom Magnifier is that enables you to add a zoom effect to product images.
2. YITH WooCommerce Wishlist adds all Wishlist features to your website. Needs WooCommerce to work.

8.10 Woocommerce

To get this option install WooCommerce plugin. And the plugin bundled with dummy data which can be imported to instantly give you a working store with products to test the different features WooCommerce has to offer.

Available Options:

1. No.of Products to show in main shop page.
2. Product Layout - 3 types of products layouts are there. (II Column, III Column & IV Column )
3. Product Details, Product Category, Product Tag page layouts.
4. Also you can easily handle widget areas for individual Product, Product Category, & Product Tag in the Role -> "Widget Area" Settings.

Following plugins used to extend the woocommerce options

1. YITH WooCommerce Zoom Magnifier is that enables you to add a zoom effect to product images.
2. YITH WooCommerce Wishlist adds all Wishlist features to your website. Needs WooCommerce to work.

8.11 Page Builder

You can anable / disable page builder for any post.

Page Builder gives you complete freedom to choose any WordPress theme you like. It's not a commitment to a single theme or theme developer. The advantage is that you're free to change themes as often as you like. Your content will always come along with you.

8.12 Responsive & Mobile

You can enable responsive option in " Kids Life > Buddha Panel > Responsive & Mobile > Make My Site Responsive"

And you can disable sliders by choosing the 'Disable Slider for Mobile Devices' option in " Kids Life > Buddha Panel > Responsive & Mobile"

8.13 Backup & Restore Options

• Backup & Restore Options - Backup Options => helps you to take backup of current buddha panel settings and Restore Options => helps you to restore buddha panel settings from last backup.
• Transfer Theme Options Data - Help you to transfer buddha panel datas from one install to another. Copy the code shown in text area and paste it in the same place of another install and click Import Options.

9.Page Builder

kidslife theme come with page builder which makes creation of page simple and easier. To enable / disable page builder in post or page, navigate to Dashboard -> Appearance -> kidslife Options -> General -> Advanced tab. Here you can enable Page Builder for post or page and also you can keep page builder active while creating new post or page. You can switch between Page Builder and WordPress default editor in any single post or page or portfolio or kidslife at any time.

Overview

• 'WordPress Editor' button and 'kidslife Page Builder' button is used to switch between WordPress default editor and Page Builder.
• If you keep the 'Enable page builder' option active while saving, then everytime this page will be loaded by keeping page builder active.
• Use 'Clear All' button to completely clean the builder area
• 'Create Sample Layout' button is used to save the existing modules in builder area to separate layout. After updating the page, created layout will be listed in 'Sample Layouts' tab.
• We have 9 tabs of modules consisting of columns(Columns), modules(General, Unique, Others), widgets(WP Widgets, kidslife Widgets, Events Widgets, WooCommerce Widgets) and sample layouts(Sample Layouts).

Options

Column Options

Every column comes with 3 types of options. They are,

1. Settings - It is used to add additional CSS class for this column alone.
2. Clone - Click this button to clone the column along with every modules added inside. Those cloned column will be added immediately after current column.
3. Delete - Used to delete the column completely along with its settings.

Fullwidth Section or Fullwidth Section Video

These sections comes with lot of options in 'Settings' button to configure fullwidth section. Some of the available options are,

1. Fullwidth Section - Bacground Color, Background Image, Parallax Effect, Background Repeat, Background Position, Padding Top, Padding Bottom, CSS Class, etc,.
2. Fullwidth Section Video - MP4, WEBM, OGV, Poster Image, Background Image, Padding Top, Padding Bottom and CSS Class.

Module Options

Every module comes with 5 different types of options. They are,

1. Edit - Clicking this button will open a sliding panel at very top of the builder area which contains options to configure those modules.
2. Clone - Click this button to clone the module along with its settings. Those cloned modules will be added immediately after current module.
3. Delete - Use this delete button to delete the module along with its settings.
4. Show / Hide - Use this button to enable or disable this module. If its disabled then that module will not be shown in frontend but all the settings of that module will be preserved, you can enable that module any time.
5. Resize - Its just a symbol to represent that this module can be resized to any width. Making width too smaller or too larger may collapse the modules design.

Note : By default every module can be resized, but it cannot be resized inside another column or fullwidth section. While resizing note that making width too smaller or too larger may collapse the modules design.

Resizable Column

Resizable Column has all options similar to normal Column options. This resizable column cannot be placed inside the Fullwidth Section

Sample Layouts

Theme comes with few sample layouts which can be acessed simply clicking the module. Now your builder area will be loaded with all the modules of that sample layout, now you can just update the content, images, etc, as you wish.

10. Blog

10.1 How To Create A Blog Post

• Login to the WordPress dashboard by visiting www.yourdomain.com/wp-admin
• Click on Add New from the Posts menu once you are inside the WordPress admin panel
• Give the post a nice title.
• Add the post content in the content section using either Page Builder or WordPress Editor.
• Add relevant tags for this post.
• Add the post to the relevant category (Create a category if a relevant category doesn't exist, in Dashboard -> Posts -> Categories).
• Also you have option to choose Template page for this post.
• You can also switch between following page layouts Without Sidebar, Left Sidebar, Right Sidebar.
• If you wish you can disable feature image for this post.
• Finally publish the post by hitting Publish button.

11. Portfolio

11.1 How To Create A Portfolio Item ?

• Login to the WordPress dashboard by visiting www.yourdomain.com/wp-admin.
• Click on Add New from the Portfolios menu once you are inside the WordPress admin panel.
• You can also choose Template pages for your portfolio item.
• Also you can add Sub Title for the portfolio and also you can control >Social Share for this portfolio.
• You can add any number of images for portfolio gallery.
• Publish the portfolio by hitting the Publish button.

14. Footers

14.1 Footer Options

Navigate to Dashboard -> kidslife Options -> Footer, where you can find complete footer options.

Available Options:

1. Show / Hide Footer Section
2. Columns Layout - To choose which style footer you want?
3. You can set Copyright text ,and enable it to show in front view

14.2 How to add widgets to footer ?

• Once you have enabled Column Layout for footer using above options, than navigate to Dashboard -> Appearnce -> Widgets.
• Here you can find new widget areas created with the name of Footer Column, suffixed with columns count.
• Drag and drop the widgets from left hand side and configure widgets as per your needs.
• Now save the widgets and look at the frontend for your newly created widgets.

15.2 Widgets

The kidslife theme comes with 7 custom widgets

1. kidslife Contact
2. kidslife Flickr
3. kidslife Mailchimp Newsletter
4. kidslife Portfolio
5. kidslife Posts
6. kidslife Text
7. kidslife Twitter