PetCare OnePage

Introduction

Thank you so much for choosing our theme. We really appreciate and hope that you'll love our work!
We love to hear your feedback and improvise according to it. We always strive to make your experience better even more better when using our products. It feels great when we get those 5 stars from you. That makes us super happy and helps us to work even more harder on future updates of the product. So, please rate and leave an amazing review if you like our product and support. (How to rate?)     

Requirements & Compatibility

PetCare is compatible with the WordPress version 4.3.1 and later (PHP v.5.2.4 or greater; MySQL v.5.0.15 or greater).
Most JavaScript enabled browsers will make our themes work with no issues. They are designed and optimized for desktops, tablets and smartphones.
Currently we are testing themes in:

• Google Chrome (Mac and PC)
• Firefox (Mac and PC)
• Internet Explorer 9 and later (also, we are making sure that site remains readable in IE 7 and 8)
• Safari (Mac and PC)
• Opera (based on Blink/Chromium engine; Mac and PC)
• Safari Mobile
• Chrome (on iOS and Android)

Need Support?

If you have any pre-sales questions or queries regarding PetCare, you can ask them in the comments section at the top. Our sales team will be excited to answer those for you. For the technical issues please contact our support team by opening a ticket at http://kodeforest.com/support Our dedicated support team will help you out . http://kodeforest.com/support (Registration Required)

Attention! Kindly note, that we cannot provide the support until you specify your Item Purchase Code. Here s how you can get it:

Install Wordpress

Download and Install WordPress 4.0 or later.

You can download the latest wordpress version from here. https://wordpress.org/download/"

Theme Installation

Once you purchase the theme from themeforest, you'll be able to load 2 file type.

1. All Files and documentation



2. Installable Wordpress Theme File

If you select to download all files and documentation ( the zip name will be themeforest-xxx-xxxxx.zip ), you have to extract it out ( to get themename-vxx_xx.zip file ) before installing it to wordpress system.

Install theme via Wordpress Dashboard

1. Go to 'Appearance > Theme' section
2. Click 'Add New' and select the 'Upload' option
3. Upload the zip file
4. All Done :)

Please note :

That some hostings have a restriction on a size of a file that you are uploading. If any warnings appear, most probably, your hosting has file size limit. And the theme .zip file is too large to be uploaded via WordPress Panel.
You can contacting your hosting provider and ask to ease this restrictions (e.g 32MB will do).

Install theme via FTP

1. Access to the file on your server using ftp editor program
2. Go to 'wp-content/themes' folder
3. Extract the zip file and put the themename-vxx_xx folder there
4. Go to 'Wordpress Dashboard > Appearance > Theme' section to activate the theme
5. All Done :)

Install Plugins

After you install the theme, there'll be a list of suggested and recommended plugins at the top of the wordpress dashboard.



If you already hide it out, you can go to 'Appearance > Install Plugins' section instead too.

Importing Demo Content

After activating the theme, there'll be suggested plugin listed at the top ( if there aren't, you can go to 'Appearance > Install Plugins' section as well ).

Try installing and activating these following plugins as it effects the importing process ). You can also install all suggested plugins at this step as well.

1. KodeForest Shortcodes
2. Woocommerce ( optional )
3. Revolution Slider ( optional )
4. Contact Form 7 ( optional )
5. KodeForest Testimonial ( optional )
6. KodeForest Team ( optional )
7. KodeForest Importer ( optional )
8. Mega Menu ( optional )

Then, go to 'Tools > Import' and select 'kodeforest Importer' option.



Follow the steps mentioned on the screen, then, activate and run the plugin
now click button 'Import Dummy'
and wait for few seconds for the dummy to import the files. once you finished with this procedure you'll get the site like the demo :)

How to Import Home Layouts Like Demo.

PetCare has made very easily to import the dummy home pages. Now go to the pages > Add New and in the right section of the page you will see the option Default pages templates. There are the pre-defined home layouts available there.

Just simple click on the layout you want to have. The pre defined home will be set up the page like demo. You can also save your own custom settings page and you can restore it again you wish to have any time.



After importing the demo site, try following these steps

Note: Images are not the part of the theme package. As they images are purchased from shutterstock and we donot have there reselling distribution rights.

1. Setting up Menu

In this theme you are able to display menus in the header (Primary Menu) and responsive menu.

If you want to have one page navigation site go to the Theme options > General > Navigation settings and switch on the one page navigation and use the custom menus to link the section.

Custom menu can be created/managed in a usual way. More detail are available here: http://en.support.wordpress.com/menus/

Go to 'Appearence > Menus' and follow the steps from screen

Follow the steps mentioned on the screen

2. Setting up homepage

Go to 'Settings > Reading' to change front page to any page you want.

• Navigate to the WP-admin > Settings > Reading interface.
• In the Front page displays section choose static page (select below) radio-button.
• In the Front page: selector choose the page that you have created to be the Homepage.
• Attention. Please do not select the Posts page:, otherwise your custom blog settings will not take effect!

Disable Comments

Comments are enabled on WordPress posts and pages by default. You can change the default for new posts or pages, as well as enable/disable comments on posts or pages you have already published.

You can change the defaults for new posts or pages on the Settings -> Discussion screen.

To hide comments on the specific page go to WP-admin > Pages and click the quick edit link. You will see the Allow Comments checkbox



You can do the same in the Page/Post Adding/Editing interface. Simply check the Discussion checkbox in Screen Option – corresponding Discussion box will appear

Updating the theme

There're no auto update function in our theme, so you have to manually install it again. Try following this steps for this.

1. Just log in to your theme forest account. Go to your membership downloads section and very next to the item name leave the 5 Star rating :)
2. After rating the theme 5 Star. Download the zip file from themeforest again
3. Install it to different folder ( or rename the current theme and just simply upload theme via wordpress dashboard without removing the old one)
4. Activate the new theme version
5. Set the menu to themes location at the 'Appearance > Menu' section.
6. Save the theme option once
7. Make sure everything is working properly and you can remove the old theme files out

You can also follow the theme status update from our facebook or our twitter as well.

Child Theme

To create child theme

If you don't want to modify the theme files every time you update the theme, you have to create the child theme to modify the php code for this. You can find the tutorial about how to create the child theme here



Our theme wrap every function with if( !function_exists('some_function') ) command, so if you want to use any function, just declare it in the function.php file of the child theme and it'll overwrite the existing one.

A child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. A child theme is the best, safest, and easiest way to modify an existing theme, whether you want to make a few tiny or extensive changes. By keeping your customization in a child theme you can always keep the parent theme up-to-date without losing your modification.

Unzip it into /wp-content/themes/ folder. There is nothing specific about child theme functioning it works the same as a standard WP child theme. You can find more information here:

Besides the default templates (header.php, footer.php, page templates, etc.), if you want to modify any core functions from ../THEME-NAME/inc/helpers.php, template-hooks.php, etc, copy the entire function which you want to modify to your child themes functions.php and edit it there.

Copy Parent theme setting to Child

When activating a child theme, settings are reverted to default. So if you decide to use a child theme later (after configuring a parent theme), please use Theme options > Import & export to transfer settings.

Manage Logo Settings

You can control your overall logo settings where you can upload your custom logo and favicon icon. Plus you can adjust the logo width and height and top , bottom margin from there.
Power Full Theme Panel Options allows you to manage the logo settings of your site easily.

Navigation Settings

PetCare allows you to have the complete control over your Top bar area. Here the exciting features begin.

There are 3 different Header Styles Available in the theme. You can select any of the header style by just click option.

You can select any of the Header Style you wish to have.

You can turn On / Off the top header bar completely from here. Also you can adjust the top bar left text here easily from the given field.

You have the complete control over the top search bar you can turn On / Off the top search bar from here.

You can turn On/Off the sticky header from there easily by the switch button. Plus you can Enable / Disable. Also you have the complete control over the top bar where you can easily Turn Off the top bar from the options.

If you want to have the One page navigation site then you need to turn On the one page navigation option from here which will allow you to built the single page layout.

Breadcrumbs Settings

Now you have the control over the breadcrumbs of your site where you can turn On / Off with just one click option from here.

Navigation Styling

Now no need to edit the code files of CSS to change the colors of navigation. We have given complete control of the Navigation colors in the power full theme panel where you can change the navigation colors of your choice. You can change the navigation hover colors , drop down and there hover colors from here. This can be managed at the Theme panel > General Settings > Navigation.

Footer / Copyright

Footer Copyright

Here the PetCare gives you the complete control over your footer section. Here you have the one click option where you can turn On/Off the complete footer area with just one click. PetCare Multipurpose theme introduces new feature that allows you to have the footer background color from the panel also you can upload the background image for the footer area and you can set the opacity from there easily with GUI interface.

There are multiple footer layout variations available where you can select any of the area for your footer you want to have.

You can turn it On / Off the footer and copyright area from there easily.

Copyright text can be managed from here you can turn On / Off the copyright area easily.

Style & Layout

There're unlimited color scheme available with PetCare from head to to you can change whole color scheme in just one click All you need to click the Color Scheme settings can be set at 'KF options > General > Style & Layout' section.

Layout Settings

From here you can select the boxed or full layout for your site as well as you can turn On/Off responsiveness of your site. Plus you can manage the body background style from here easily.

Also you can turn on the nice scroll of your site if you wish to have. RTL version of the site can be turn On/Off with just one click.

Theme Button Styles

There are 4 different button styles available in the theme which you can get from the short codes and some are available in the page builder.

If you want to set the default theme button styling then you can set them from the default theme options settings that will help you set the styling of the buttons within few seconds.

All the control of the style is given in your hands now. You can select the button style from the drop down menu.

Select the button style from there

Button Style 1

Button Style 2

Button Style 3

Button Style 4

If you donot want this default styling then switch off the button from here.

Note : If you switch on the button then default styling will appear which you will set it from here.

You can set the theme button top padding from here.

You can set the theme button bottom padding from here.

You can set the theme button left padding from here.

You can set the theme button right padding from here.

You have the option to select the theme button text color from here by using color picker.

Then you can also select the button hover color from here.

You can also select the button BG hover color.

You can also select the button border color.

You can also select the button bacgkround color you wish to have.

Please note : Just enter the padding / margin in numbers e.g 20. Donot write px with it.

Sub-header Settings

There is a unique option in the Theme panel where you can upload the default header background images from here. These settings can be set at 'KF options > General > Sub Header section.

Search / Archive Settings

Search / Archive page settings can be managed from here where you can select the position of the default sidebar as well as you can select the default side bar for it.

System Diagnostic Information

Above information is useful to diagnose some of the possible reasons to malfunctions, performance issues or any errors. You can faciliate the process of support by providing below information to our support staff.

From here you can view your current server information where you can see all about your server , apache and PHP version running.

Also you can see the Author URL and the site link , Theme version and its name.

Plus more you can see the wordpress version installed at your site and your server PHP maximum upload file size and memory limit over here.

This is all what you have to search for hours now its available with just one click option.

Import / Export Settings

The theme has the Admin panel Export and Import option. You ca also save the theme panel options settings. Click on the Export button. You will get the settings in shape of code. Copy that code and save it in to a text file. When you want to import your previous settings earlier then copy that code which you have get earlier and poste it into the Import field and import it incase of lost of settings. Cheers :)

Blog Settings

Blog is the most important part of the theme now the power full theme panel has complete control over your site. Theme panel allows you to set the default blog title and caption. Then you can select the thumbnail size from there and can set the side bar for the blog posts. These settings can be set at 'KF options > Blog Settings.
Also you can select the single post default side bar position as well as you can select the default side bar for the single post from the drop down menu.

Now you can control the blog Meta information easily. If you don't want to have the blog meta information just switch off the button and the blog meta information will disappear from the blog posts.

Single Post Author information can be turn On / off from here easily. You have the complete control over the blog post of your site.

More Over now there are just switch button On / Off that will makes your life so easy to customize the site within few minutes.

You can control the single post feature image from here.

You can show / hide the single post date from here.

You can show / hide the single post Author information from here.

You can show / hide the single post Comments from here.

You can show / hide the single post Tags from here.

You can show / hide the single post Category from here.

You can show / hide the single post Next / Previous related post button from here.

Woocommerce Single

The theme is also compatible with the woocommerce plugin. You can also manange the woo commerce settings can be set at 'KF options > Woo options > Woo Single.

Where you get the complete control over the woo commerce products on the single woo commerce products.

We have given On / Off button which does you work in minutes. You can set up your shop now very easily. No coding is required in this.

• You can show/hide Woocommerce Product Titles at the Product Details page
• You can show/hide Woocommerce Product Prices at the Product Details page
• You can show/hide Woocommerce Variable Product prices at the Product Details page
• You can show/hide Woocommerce Product related post at the Product Details page
• You can show/hide Woocommerce Product SKU Number at the Product Details page
• You can show/hide Woocommerce Product Category at the Product Details page
• You can show/hide Woocommerce Product Tags at the Product Details page
• You can show/hide Woocommerce Product Out of stock text at the Product Details page
• You can show/hide Woocommerce Product Sales icon at the Product Details page

Woocommerce Listing

The theme is also provides you the woo commerce listing control options which you can easily control the listing layout by going to the KF options > Woo options > Woo listing.

We have given On / Off button which does you work in minutes. You can set up your shop now very easily. No coding is required in this.

You can also select the products per row on the products / shop page of your site. More over you can select the default side bar position and the side bar for your shop page.

• You can show/hide Woocommerce Products Cart Icon at the listing page
• You can show/hide Woocommerce Products titles at the listing page
• You can show/hide Woocommerce Products Price at the listing page
• You can show/hide Woocommerce Products Rating stars at the listing page

Social Configuration

1.) Header Social

You can set manage your social profiles from here. Just enter the URL of your social profiles they will be start appearing in the top header social area.

2.) Social Shares

You can turn On/Off the social sharing for the post from here. Just Click on the switch button.

Font Sizes

2.) Font Family

You can set font family of site from here by going to 'KF Options > Font Style > Font Family' section.

You can select the Navigation font from here.

You can also select the Header font of your choice.

Plus you can change the Content Font according to your requirement.

Font Size

You can set font size of site from here by going to 'KF Options > Font Style > Font Size' section.

You can control the Content size from the given bar by just dragging from the mouse.

You can control the H1 size from the given bar by just dragging from the mouse.

You can control the H2 size from the given bar by just dragging from the mouse.

You can control the H3 size from the given bar by just dragging from the mouse.

You can control the H4 size from the given bar by just dragging from the mouse.

You can control the H5 size from the given bar by just dragging from the mouse.

You can control the H6 size from the given bar by just dragging from the mouse.

Bx Slider

Theme has the options to manage the built in slider settings. You have the Bx slider and the settings are in your hands where you can manage its sliding effect , Animation time . pause time etc very easily with few click.

You can select the BX slide effect from the dropdown menu.

You can Enter the BX slider pause time you want to have.

You can Enter the BX slider animation speed you want to have.

Flex Slider

Theme has the options to manage the built in slider settings. You have the flex slider and the settings are in your hands where you can manage its sliding effect , Animation time . pause time etc very easily with few click.

You can select the Flex slide effect from the dropdown menu.

You can Enter the Flex slider pause time you want to have.

You can Enter the Flex slider animation speed you want to have.

Nivo Slider

Theme has the options to manage the built in slider settings. You have the nivo slider and the settings are in your hands where you can manage its sliding effect , Animation time . pause time etc very easily with few click.

You can select the Nivo slide effect from the dropdown menu.

You can Enter the Nivo slider pause time you want to have.

You can Enter the Nivo slider animation speed you want to have.

Slider Caption Color & Size Setting

Now you can control the caption title and caption font size from here easily with the drag and drop options.

For the first time you have the complete control over the slider caption area. You can manage your slider caption title and background color.

Caption title and size can be managed from here. It can be easily controlled from the given bar.

PetCare gives you the complete control where you can set the color for the title , caption and button easily from the color picker.

You can select the Caption Title Color on the slider from here.

You can select the Caption Title Background Color on the slider from here.

You can control the Caption Title Size on the slider from here.

You can select the Caption Description Color on the slider from here.

You can select the Caption Description Size on the slider from here.

You can select the Caption Button Color on the slider from here.

You can select the Caption Button Border Color on the slider from here.

You can select the Caption Button Background Color on the slider from here.

Unlimited Sidebars

Power Theme options brings a wonder full options for you where you can create unlimited sidebars you want to have. Just type and side bar name and hit the plus button sidebar will be created automatically at widgets area.

API Settings

Theme has the Mail chimp integration which settings are defined in Theme panel options that allows you to enter the Mail Chimp API and ID.

SEO Settings

Theme has the Built in SEO function in it with all the power full and latest options available here through which you can move your site in the search engine top searches.

There is a turn On / Off SEO button where you can turn on and off the built in SEO. Turn it OFF if you want to use external SEO plugin.

You can add Default meta title. These setting may be overridden for single posts & pages.

You can add Default meta description here. These setting may be overridden for single posts & pages.

You can add Default keyword coma separated for example: food, charity, news These setting may be overridden for single posts & pages.

WebMaster & Bots

Theme has powerfull Web Master & Bots options available which allows you to have complete control over the search engines.

You have the Bots Turn On / Off the option which allows you to control the index of your site in different Search Engines.

You can use to rank the SEO default Alexa search engine.

You can also use to rank the SEO default Bing search engine.

You can use to rank the SEO default Google search engine.

You can use to rank the SEO default Yandex search engine.

SEO Archive Page

These SEO fields are for the Archive Page of your site

Here you can see the Archive SEO settings that allows you to set your website Title here.

Then you can have the SEO Description of your site here easily in the provided text area.

Also you can set the SEO keywords for your site

HomePage Settings

These SEO fields are for the HomePage of your site

Here you can see the Home Page SEO settings that allows you to set your website Title here.

Then you can have the SEO Description of your site here easily in the provided text area.

Also you can set the SEO keywords for your site

SEO Error 404 Page

These SEO fields are for the 404 Page of your site

Here you can see the SEO 404 settings that allows you to set your website Title here.

Then you can have the SEO 404 Description of your site here easily in the provided text area.

Also you can set the SEO 404 keywords for your site

SEO Search Page

These SEO fields are for the Search Page of your site

Here you can see the SEO search settings that allows you to set your website Title here.

Then you can have the SEO search Description of your site here easily in the provided text area.

Also you can set the SEO search keywords for your site

SEO Maintenance Page

These SEO fields are for the Maintenance mode of your site

Here you can see the SEO Maintenance settings that allows you to set your website Title here.

Then you can have the SEO Maintenance Description of your site here easily in the provided text area.

Also you can set the SEO Maintenance keywords for your site

Creating Homepage

Go to 'Page > Add New' to create new page.

There you will see the page builder available. Our themes framework named as Xpress through which you can built the whole site easily without any difficulty by using the Pre-defined Elements.



There are multiple Wrapper elements which allows to just drag and drop the elements and manage them from the page builder.

Set the page as Homepage

Go to 'Setting > Reading' area. Choose the front page as static page and select the page you want to be homepage.

Page Builder Wrapper Elements

There are different page wrapper elements in the power full page builder which allows you to build your site with all the possibilities and let you to easily customize the site.

The page builder wrapper elements are below :

• Section Wrapper
• Column Wrapper
• Simple Column

Section Wrapper

Section wrapper is one of the wonder full page builder element that let you play with your site with multiple options in it. Drop the section wrapper from the page builder. Edit it from the left corner from gear icon. You will see the wrapper option types:

• Color Background
• Background Image
• Predefined Patters
• Video Background
• Google Map

Color background

When you select the section wrapper as color background it allows you to select the background color for the section from the color picker. When you will drop the page builder element inside the section color wrapper the background of color will be shown which you have selected in the section color wrapper.

Background Image

If you want to have the background image for your element then use the background image option form the section and upload the background image from there.

Video Background

If you want to have the section with video background then with in just few options you can set the section with full width video background for your page / site.

Google Map

If you want to show the google map by using the section wrapper then you select the section type as Google map. Just you need to enter the Google Map shortcode which you can get it from the KF shortcodes.

Column Wrapper

Column wrapper element is used to manage the size of the page builder element according to your choice. E.g If you want to set the 4 different services then you need to drop the 4 column wrappers and 4 services elements.

Then drop the services one by one in the column wrappers and manage there sizes by plus minus button.

Simple Column

Simple column element is very easy to use. Its just allows you to place the short code over there or place the HTML inside the element.

Creating Gallery

Using this theme you can create unlimited galleries. gallery can be created by easily from the powerful page builder. In the page builder you have the element gallery. There is no custom post type available in the theme for the gallery.

1) Go to the new page, Drop the gallery element from the page builder, Edit the element from the gear icon and add the gallery images from the plus button.

2) Then set the thumbnail sizes for the gallery images from the drop down menu. Here is another exciting feature where you can set the gallery column layout you want to have 2 , 3 or 4 column.

3) Enter the number of fetch for the images per page you want to show. If you want to enable the pagination then the option for the pagination is available there.

4) Then click on the added image you will find the gallery images caption options available here.

Services Styles

Using this theme you can create 5 different Services Styles. Services can be created by easily from the powerful page builder. In the page builder you have the element Services. There is no custom post type available in the theme for the Services.

1) Go to the new page, Drop the Services element from the page builder, Edit the element from the gear icon and add the enter the title , font awesome class e.g fa fa-lock.

2) Then select the services style from the drop down menu, enter the description for the services and enter the button text and URL you want to move that button.

3) Here is an example of the 3 unique services styles that are available in the theme.

4) Here is an example of the unique Clinic Circles Services styles that are available in the theme.

5) Here is an example of the unique Service Box Clinic styles that are available in the theme.

Number 1 style is the services Box Style which you can see here.

Number 2 style is the Style small left and right and in the center you can put any image there.

Number 3 style is the services small Box Style



Here is any example of the Clinic Services Styles shown in the Screenshot.



Here is any example of the Services Box Clinic Styles shown in the Screenshot.

Creating Services Styles

How to Create These Services Styles?

Go to the Pages > Add New > Drop column wrapper and drop the services element inside it. Manage the size wrapper from plus minus button.



Enter the Title of the services and select the title color from the color picker.

Then select the item style and select the service style you wish to have.

Enter the Description for the services and select the description color from the color picker

Upload the services Image from the Upload button (Services Image should be 614x614 dimension)



Then Enter the services link e.g http://www.google.com/

And you also need to enter the Link Text you want to show e.g Read More

And set the margin bottom in the field. Margin bottom should be entered in numbers only E.g 20

Please note : Donot write px with the margin bottom just enter the number

Sidebar Creation

Using this theme you can create unlimited sidebars. Sidebar can be created by easily from the powerful Theme panel options. Create the sidebar from there.



1.) After you create new sidebar, ( red cross button allow you to remove that sidebar out ) 2.) Now at the same location, here you can drag any widget into it to fill the content.

Assigning the sidebar

After you create sidebar, you can assign it to any page/post/portfolio/teams you want. Just simply select the location of the side bar you want to show it. 3.) Now How to Implement the side bar in the page ?

Its very simple just go to the page > Add new > Drop the column wrapper 2 times and the one element you want to have and the other one the side bar element from the page builder.

Drop the elements in side the column wrappers. Adjust the column wrapper by plus minus button and then you will be available to set the side bar in the page.

Page Builder Options

PetCare WordPress theme comes with complete Page Options where you can manage Sub header on/off, input available for page caption, Header background image can be select from here.

Page Builder SEO Option

Now every Page has its own SEO field, You can switch them On / Off and can add the meta tags , title and description over there.

Note : If you add different SEO from the page it will over ride the SEO settings from the theme options.

Pagebuilder Items

There are some of the wrapper element call section and column. If you want the element like team , blog to show on 1170px grid then you need to place those elements inside the column wrapper and then by using the + / - button on the left top of the column wrapper you can control the size of the wrapper easily.

If you want the element go for the full width then drop the element from the page builder without using any wrapper.

From section wrapper you can manage the background color , image of the section easily. Also you can use section element to make the section to full width.

Page item and page class allows you to enter the custom css class or id which contains your own css styling of any section you want to have.

Nested Row

Ever wanted to add a row inside another, here you can do it as easy as drag and drop, and btw its unlimited you can have unlimited nested rows.

Features

Use any widget

Responsive layout

Full Width Section Support

Section background

Video background

Nested Rows

Simple GUI

Built with Json/css3/Bootstrap

Once you add the item, you can edit or delete item from settings button and cross button likewise from the right.

There is also Plus and Minus Button for increasing and decreasing the width of element.

Homepage

How to Set up home page Manually

1. Wrapper Items:

You can have different wrapper for your page.

Column Wrapper:
Content stored in this column does not display full width. From the column wrapper you can manage the size of the element easily by plus minus button.

Section Wrapper:
Section Wrapper is very powerful wrapper which allows you to set the container size of the element. Example you can drop the slider inside the section wrapper and set it to full width. Also you can upload the background image as well as you can have the background color for the section.

Simple Column Wrapper:
Simple column is a element which allows you to insert your own content in the element. E.g You can upload your own image over there or you can paste the shortcodes over there etc.

Content/Post type Items:

Blog:
This element is used to display the blog post with different layouts.
You can have grid , listing and full layout of the blog by using any of the column wrapper.

Media Items:

Gallery:
You can use the gallery event to show the media by using any column wrapper with it.
Edit the gallery item to have the gallery 2 , 3 , 4 or full layout.

Post Slider:
You can use the post slider to show get your blog post and show them in awesome slider.

Slider:
Theme has 3 built-in sliders in it. You can use Bx , Flex or nivo slider you want to have. Also you can manage the slider options easily from the theme panel. Plus you can have the title , Caption and Button with button text on the sliders easily by clicking on the sliders images when added.

Creating Blog

1.) Go to 'post > Add New' and fill the info you want.

2.) Add Description of page if you want to add.

3.) Scroll down you will see blog options and dropdown below it, Click on it and enter the desired information for the blog post.

4.) Choice the side bar position and side bar from there if you want to have..

5.) Configure your blog settings from the given options audio , video , feature image or slider

6.) Publish the Post.

Creating Blog Page

1.) Go to 'Page > Add New' and fill the info you want.

2.) Add Description of page if you want to add.

3.) Scroll down you will see Add Items and dropdown below it, Click on it and select Blog.

4.) Click on Plus blue button to Add Items.

5.) Configure your blog settings by clicking on Edit settings on the Top right of dropped element.

6.) Publish the page.

When you click on the edit button you will see the blog options over there.
You have the 3 blog variations which you can select any of it you wish to have.
Blog Grid
Blog Small
Blog Full


There can select the category of the blog , tags and set the thumbnail images size from there of your choice.

Set the Number of titles you wish to have.

Also you can control the number of fetch of blog items.

Creating Testimonial

1.) Go to 'testimonial > Add New' and fill the info you want.

2.) Add Description of page if you want to add for the testimonial.

3.) Scroll down you will see testimonial options and dropdown below it, Click on it and enter the desired information for the testimonial post.

4.) Choice the side bar position and side bar from there if you want to have..

5.) Enter the page caption , Then upload the header background image if you want to have.

6.) Select the Category for the testimonial and then set the featured image for it.

7.) Publish the testimonial.

Creating Blog Page

1.) Go to 'Page > Add New' and fill the info you want.

2.) Add Description of page if you want to add.

3.) Scroll down you will see Add Items and dropdown below it, Click on it and select testimonial.

4.) Click on Plus blue button to Add Items.

5.) Configure your testimonial settings by clicking on Edit settings on the Top right of dropped element.

6.) Publish the page.

Creating WooCommerce Products

Note : For the WooCommerce products You First Need to Install the WooCommerce Plugin.

1.) Go to 'products > Add New' and fill the info you want. E.g Title , Category etc.

2.) Add Description of products if you want to add. Then select products type you want to have simple product etc from the dropdown.

3.) Scroll down you will see options for the products to have the side bar , select the sidebar position for the single product layout.

4.) You can can upload the feature image for the products from here. Also you can upload the additional gallery images for the products.

5.) You can enter the short description for the product also.

6.) Publish the products.

Creating Products / Shop Page

1.) Go to 'Page > Add New' and fill the info you want.

2.) Add Description of page if you want to add.

3.) Scroll down you will see Add Items and dropdown below it, First drop the column wrapper from the page builder then Click on it and select "woo".

4.) Drop the woo element inside the column wrapper. Column wrapper allows you to manage the size of the element from plus minus button.

5.) Configure your woo settings by clicking on Edit settings gear icon on the Top right of dropped element.

6.) Select the category , tags, layout style for the woo from there.

7.) Publish the page.

When you click on the edit button you will see the woo options over there.

You can enter the title and description for your woo products. No need of inserting the heading and caption from the short codes.



There can select the category of the blog , tags and set the thumbnail images size from there of your choice.

Set the Number of titles you wish to have.

Select the woo products style you wish to have. There are 2 different styles of woo commerce products available in the theme.

Here you can control the column size you wish to show the woo products in the page. 2 , 3 or 4 column

Also you can control the number of fetch of woo items.

Recent Products

Here you can show the recent Products in a different style you wish to have.



Just drop the recent product element from the page builder inside tbe column wrapper. Edit the option from the settings



Enter the Heading , Caption for the element. Select the Category and the tags from there

Enter the margin bottom in numbers only.

Creating Causes Section

1.) To Create the causes goal section Go to the Pages > Add new drop the section wrapper and drop the completion element inside section wrapper.

2.) Set the background image from the section wrapper if you want to have.

3.) Edit the element settings from the right corner of the element.

4.) Here you can see the options available in the field.

5.) Enter the Header title and the description for the causes element.

6.) Add Description of page if you want to add.

7.) Enter the Target Title you wish to have. Then enter the Target Value here.

8.) Now enter the Completed Title here and Completed goal Value

9.) Then enter the Collected Title and Collected Value here.

10.) Enter the Caption that will be shown under the causes element.

Then Enter the button title (name of the button) and button link URL.

Enter the margin bottom in numbers only.

Creating Call to Action

1.) To Create the Call to Action section Go to the Pages > Add new drop the column wrapper and drop the Call to Action element inside column wrapper.

2.) Set the call to action element sizes from the plus minus button of the column wrapper.

3.) Edit the element settings from the right corner of the element.

4.) Here you can see the options available in the field.

5.) Enter the Header title and the choose the title color from the color picker.

6.) Enter the description in the content area and choose the description color from the given color picker.

7.) For the content text alignment you have the option to adjust the content left , right and center from the drop down menu.

8.) Now Adjust the text alignment from the drop down menu in left , right and center position.

9.) Upload the call to action image from there given the upload button over there.

10.) Select the hover effect for the call to action. There are 3 different hover effects for the call to action given in the drop down menu.

Enter the Link text and link URL in the fields and set the margin bottom.

Enter the margin bottom in numbers only.

Shortcodes

1.) Go to 'Page > Add New' and look for the KF button in editor.

Shortcode panel will appear you have dropdown select any item you want to use as shortcode.


In my case i have selected accordion, and filled out the necessary fields.


All Set just insert shortcode in content area then publish the page and view the page the short code will appear like this.


Lets have another example of using the short code in the theme.

Heading Shortcode

Click on the KF shortcodes then select the heading short code from there.

Select the heading style from there then enter the heading title and description there

Select the heading title and description color from the color picker and click on Insert Shortcode.



Copy the short code from the visual editor and drop the simple column element from the page builder.

ANd paste the aboved copied short code over there.

Slider

There're 4 kinds of slider in this theme.

1. Revolution Slider
2. Flex Slider
3. Nivo Slider
4. BX Slider

Revolution Slider

1.) Make sure that Revolution plugin is activated, its built in with the theme all you need to install and activate revolution slider.



2.) Go to page that you need to put slider and select the slider from TOP SLIDER TYPE.

3.) When you select revolution slider shortcode text field will appear.



4.) Go to the pages. Drop the section wrapper and set it to full width. And drop the simple column in it. And paste the slider short code into there.

Creating Slider

You can create the sliders by using the following built in slider in the theme. No need to install any 3rd party plugins for it.

1. Flex Slider
2. Nivo Slider
3. BX Slider

Flex Slider

1.) If you want to have the slider on your page. Then first you need to drop the Section wrapper from the page builder then you need to click on the slider element. Drag and drop the slider element inside the section wrapper.



2.) Now first edit the section wrapper and select the container layout to Full layout so that the slider can be set to full width of the page.

3.) Then Edit the slider element. First select the slider type from the drop down menu ( flex , bx or nivo ) then click on the + button to add the images from the media. After adding the images you can click on the added image to have more options for the slider title , caption etc.

Slider Caption

After inserting the images in to the slider. Click on the added image to have the options for entering the slider title , caption etc.

After the slider options are available in front of you. You can enter the title of your slider. Then you can enter the slider caption in the given field.

After entering the slider caption you can also set the position of the caption by clicking on the drop down menu.(left , right or center)



Now in the same popup window you can see the option for the Slide Link which means that you can link of your slider to full Image button etc.

• Link Image to Full image
• Link to URL
• Lightbox Image
• Lightbox Video

Link To Full Image

Now here the exciting feature you can link your slide to the Full image which means when user click on the slider or caption it goes to full size image.

Link To URL

You may set the button on your slider.

Select the slide link to specific URL. More options will appear where you can enter the specfic URL plus you can enter the name of the button that will appear on the slide.

Then you can also set the button to open the specific url in the same window or open a new window.

Lightbox Image

You can also set the slide with the light box image. Also you can set specific URL for the image to open. Button text can be entered here.

Lightbox Video

You can also set the slide with the light box video. Also you can set specific URL for the video which supports the vimeo , youtube video. To open the video button text can be entered here.

How to Update Theme

To update the theme, You need to login to your Themeforest profile page, click on 'download' tab, then download the theme again. After that,

1. After you downloaded file from Themeforest. Do not upload it yet. Extract it!
2. You will find 6-7 folders and some files inside. You'll see the file called 'THEMENAME-vx-xx.zip'
3. Upload this file through wp backend and activate the theme.
4. After that go to 'appearance > menu' and assign menu location again then go to admin panel and click 'save changes'.
5. Go to 'Appearance > Plugins', active KodeForest plugin again.

*BTW, Make sure that you haven't changed or customize any theme code.. if you did, you have to do it again. All setting in admin panel and page will be the same.

Usually theme starts throwing errors after updating this theme. It might be the cause of the theme plugins. Please delete the old theme plugins and install them again from the latest package which you have updated on your server.

Missing Style Sheet Error.

Its common error when you got the error of style sheet missing is missing error.

The package you downloaded from themeforest.net contains multiple files and folders like documentation, an editable PSD, License file etc. This package itself is not the theme folder, theme is located in a sub-directory.

Please extract that package and go to sub-directory Theme. Open it there is a theme folder in it named PetCare.

Zip and upload this folder to your WordPress install. It should be working fine.

After you have successfully upload and activated theme, please go to WordPress Admin Panel and use our one click dummy data importer.

Translating the theme/plugin using poedit application

You can download the application here http://poedit.net/

Updating Layer Sider, Revolution Slider Plugin

1.) After you download theme package from Themeforest, Extract the package and go to folder 'THEMENAME-vx-xx'

2.) Go to the path, 'include/plugin/plugins/revslider.zip

3.) Extract the file, then copy the folder 'revslider.

4.) Access to your site via FTP, to the path 'wp-content/plugins'

5.) Replace the existing folder in this path with the one you copied from 3.)

How To Update Kodeforest Plugins?

First of all, please note that you can't use this method with Layer Slider, Revolution Slider and Master Slider.

1.) Go to 'Appearance > plugin', deactivate Kodeforest plugins and delete them. :



2.) After you delete them, you'll see this message :



Click on 'Begins installing plugins'

3.) Install them and don't forget to activate too! :

Common Issues while Importing Demo Content

500 Internal Server Error with blank page

This will occur when you do not have the sufficient server limits. Below is the basic server requirement for a WP theme.

You can check this in the php.ini file and modify them as necessary.

If you are not familiar with modifying this, you can reach out to your server hosting provider who should be able to configure this for you.

404 Page Not Found

Step 1 You need to increase the Max Execution Time a bit more than what is mentioned above.

Increase the limit to 900ms- max_execution_time = 900 . Try Importing the data again.

Step 2If you still get the 400 Page Not Found error, you have to follow the steps here to import the content manually.

Before importing, check if the Media files are all imported. On your dashboard, navigate to Media >Library . You will see around 40-50 images imported.

If this is in place you can import the content now.

Step 3Navigate to Tools > Import and Click on Kode_Importer. Click on the Import dummy. Make sure you Uncheck the option Import Media Files.

General Questions & Answers

Here are some General FAQS listed here. You can find there answers over here regarding the theme.

After importing the content, my Menu is still not aligned.

As you import the content, all the Menus from the demo will be imported. However, you have to manually assign the menu to its corresponding locations by navigation to Appearances > Menus > Menu Locations.

Details on how to assign the menus is given here in the documentation.

How should I update the Mandatory Plugins

It is very important that you update the plugins that are used in the theme.

This includes both the Mandatory and the Optional ones. As part of theme updates, we will be including the latest version of the plugins (as required) in the package within a folder named plugins.

In your installation, you need to delete the existing version of the plugin, and install and activate the latest ones from the folder.

Can I include my own fonts in the list of fonts available?

Unfortunately, it is not possible to include your own fonts along with the other fonts in the Options Panel. However, it is possible if you activate the Child theme.

You can include the font and apply the styling to the corresponding elements in style.css within the child theme.

Can i change the theme file name to a name of my choice?

No. This might break many functionality within the theme as we refer to the files/paths in the theme along with the name of the theme.

Margin Bottom is not effecting.

Margin bottom in wrappers and element will only work when you will insert the simple numbers 20. Don't write px with it.

How to Create sidebar

Custom Sidebar can be created by going to xpress theme options

Single Page Site

If you want to use the One Page Navigation then first you need to switch on the One page Navigation option from the Xpress Theme options.

Go to General settings > header settings > Turn on the one page navigate from there.



Like you know, it is possible to have a single page site, using PetCare. This section explains how to set a single page site up

Step 1 Create a page in the back-end and build it using the page builder.

Step 2 Assign a unique ID to each section in its Settings.



Step 3 And then when you create the menu you need to assign the links in the format #blog . These links will then smooth scroll to its respective section.

How to get twitter authentication info

There're 4 fields available when you use twitter widget. You have to follow these following steps to get all twitter access info for this.

• Go to https://dev.twitter.com/apps
• Sign in on your twitter account
• Click 'Create New Application' button
• fill all required fields

• Click the 'Create Access Token' button
• Fill the data you get on to the provided twitter info fields.

Bad Authentication Data / Using twitter widget

If you see the message 'Bad Authentication Data', just don't be panic. It is because of you haven't filled all required data for twitter feed yet. But if you're using twitter feed, make sure that you follow these steps :)

Bad Authentication Data / Using twitter widget

1.) New twitter API requires you to setup the application before pulling the feed out. To achieve this, go to https://dev.twitter.com/apps/

and logging in with your twitter account.

2.) Click create new application

3.) Click to create the access token, then refresh the page.

4.) Fill the data into the widget

5.) Put all info in admin panel 'overall elements > Footer/copyright'(Exist in some themes). And/or in Twitter widget setting.

How to Rate Theme 5 Star

We Love Ratings

We love to hear your feedbacks and improvise according to it. We always strive to make your experience better even more better when using our products. It feels great when we get those 5 stars from you.

That makes us super happy and helps us to work even more harder on future updates of the product. So, please rate and leave an amazing review if you like our product and support.

Check out the below screenshot explaining how to review in case if you dont know.

Important Note:

Images used in the demo are not included in the download package because they are purchased from shutterstock and we do not have there reselling distribution rights. They are used for demo purpose only.

Note: Use the following images dimension for better adjustment of the images.

Blog : 2200x900

Services : 614x614

Gallery : 614x614

Products : 614x614

Testimonial : 614x614