Pet Rescue Lite

Help and Support

Click here for support:

Support

File Structure

The template package you have downloaded consists of several folders. Let's see what each folder contains:

-contains template screenshot. Not for production.

"pet-rescue-lite.zip" -this folder contains all the necessary files for the theme.
"license.txt" -contains license details
"readme.txt" -contain information about theme images path, font use and usage script

Template Installation

The process of installing templates is incredibly simple and straightforward.

1-Install a theme using wordpress admin

To begin, please log in to your WordPress admin area. Then, click on the specified option.

1.Vist to Appearance >> choose Themes

2. Once you are on the themes page, Tap the "Add New" button located at the top.

3. Select the upload theme option.

4. Click on Browse Button then select your pet-rescue-lite-0.1.zip theme and click on install now button.

5. WordPress will now install your selected theme and display a success message. You will be provided with an activation link or the option to preview the theme live

Congratulations your theme have been successfully installed

Fetch Demo content

This theme supports the default Site Identity section provided by the WordPress and we have integrated some options in this theme in this section.

Follow these instructions to setup Home page.

Create Page to set template: Go to Dashboard >> Pages >> Add New Page.
Label it "home" or anything as you wish. Then select template "home-page" from template dropdown.

2. Set the front page: Go to Setting -> Reading --> Set the front page display static page to home page

Once you are done with this, you can see all the demo content on front page.

How to set Theme Setting

Setup Layout Settings

In order to continue, Layout Settings,

Follow the below steps to setup Layout Settings

Go to Appearance >> Customize >> Home Page Settings >> Layout Settings

In Layout Settings, you can select the Blog Post Layout Sidebar and sidebar size.

Here You can click the checkbox if you want to Show / Hide preloader.

Here You can select type of preloader.

Here You can select type of preloader icon color and background color.

Here You can select the Default layout for the themes.

After Default layout themes will look like screenshot

Here You can select the Container layout for the themes.

After Selecting Container layout themes will look like screenshot

Here You can select the Box-Container layout for the themes.

After Selecting Box-Container layout themes will look like screenshot

Setup A Top Header Section

In order to continue, Top Header Section,

Go to Appearance Customize Theme Settings Top Header Section

1. Add Topbar Text: Here You have an option for Add Topbar Text.

2. Add Phone Number: Here You have options to add Phone Number.

3. Menu Font Size: Here You have an option to add Menu Font Size.

4. Main Menu Padding: Here You have options to add Main Menu Padding.

5. Menu Text Transform: Here You have options to Add Menu Text Transform.

6. Menu Font Weight: Here You have options to Add Menu Font Weight.

In this way you can add top header section.

Setup Header

For Logo :

In order to continue, Header Logo,the following instructions

Go to Appearance >> Customize >> Site Identity

Here you select the logo and size for logo of the theme

Click here to add you Site title and tagline for the theme

For enable / disable site title and tagline for the theme, click on the checkbox for the theme.

Click here to select the size for site title and tagline for the theme.

In order to continue, Header,

Click here to select the responsive menu open icon and close icon.

In this way you can setup header.

Setup Slider Section

Follow the below steps to setup the Slider

Go to Dashboard >> Pages >> Add New
and repeat the same for other tabs.

Go to Appearance >> Customize >> Theme Settings >> Slider Section

For enable / disable slider, click on the checkbox.

Select the page which you have created for slide1, slide2, slide3, slide4.

For enable / disable slider heading, and slider text click on the checkbox.

Here You can select enable / disable slider image overlay and select the Background color, for Slider Image display transparent.

You can select the slider content alignment .

Click here to add Image Height of slider for the theme.

Click here to select the top-bottom and left-right slider content spacing for the theme.

You can select opacity for slider image.

Here You have an option to the speed of slider to load slider fast for the theme.

For Slider Content Limit, You can change slider content limit.

Once you have done with this you will see slider on your front page.

Setup Products Section

In order to setup Products Section,the following instructions

In order to continue, Products,

1. Go to Dashboard >> Products >> Categories >> Add New

In this section, you have to add new category for each products.

1. Go to Dashboard >> Products >> Add New

In this section, you can add new product, In the post you can add the Title, Content, Image and select the category that you have added. Options here are further described according to the sections they belong to :

1. Go to Appearance >> Customize >> Theme Settings >> Featured Products Click here to add small title, section title and select the category which you have created.

Click here to select Featured Products.

1. Go to Appearance >> Customize >> Theme Settings >> Featured Products Click here to add Featured Products and Select Category to display Latests Products.

It will appear like this on the front end.

Setup Footer Section

Footer have four columns. You can add any widget there.

1. Go to Appearance->Widgets

Here is a screenshot below for adding widgets to footer.

You can add footer columns that you you need to select widgets like text, image, gallery, etc which allows you to add text or image as per your choice with ease.

Once you add widgets to the footer, your footer will look like this,

Go to Appearance >> Customize >>Theme Settings >> Footer Text.

Click here to select the number of widget areas in the footer.

From Click here to select the Footer Widget Background Color and Footer Widget Background Image for the themes.

In this way you can add footer section.

Footer Text

In order to continue, Footer Text section,the following instructions

Go to Appearance >> Customize >> Settings >> Footer Text.

For enable or disable Scroll To Top, click on the checkbox.

Click here to select the Scroll to top button icon.

Click here to select the Scroll to top icon button size

Click here to give the Scroll button top-bottom, left-right padding and border radius

In order to continue, Scroll To Top position, you can change position of scroll.

Click here to add copyright text, copyright text font size, padding and select the text alignment.

It will appear like this on the front end.

Setup Post General Settings

In order to continue, Post General Settings,the following instructions

Go to Appearance >> Customize >> Home Page Settings >>Post General Settings

Click here to select the layout for blog post

In blog page, For Show / Hide Date by click on checkbox and select the icon for date.

In blog page, For Show / Hide Author by click on checkbox and select the icon for author.

In blog page, For Show / Hide Comment by click on checkbox and select the icon for comment.

In blog page, For Show / Hide Time by click on checkbox and select the icon for comment.

Click here to select the content limt for blog post

Click here to give the button text for blog post

Click here to select the icon for blog post button

Click here to select the top-bottom,left-right padding and border radius for post blog

Click here to select the Block for post blog

Setup Single Post Settings

In order to continue, Single Post Settings,the following instructions

For show / hide single post tags and single post image, click on the checkbox for the theme.

Click here to select the width for comment form, comment form heading and comment form button text.

Setup Responsive Media

In order to continue, setup Responsive Section ,the following instructions

Go to Appearance >> Customize >> Home Page Settings >> Responsive Media

For Display Post Date, Author,and Comment for mobile device or responsive media by click on checkbox .

For Display slider for mobile device or responsive media by click on checkbox .

For Display post sidebar for mobile device or responsive media by click on checkbox .

For Display Scroll to Top Button for mobile device or responsive media by click on checkbox .

For Display Preloader Button for mobile device or responsive media by click on checkbox .

In this way you can setup Responsive Setting Section.

Setup 404 Page Not Found / No Result

In order to continue, setup 404 Page ,the following instructions

Go to Appearance >> Customize >> Theme Settings >> 404 Page Not Found / No Result

1. 404 Heading: Click here to add 404 page Heading.

2. 404 Content: Click here to add 404 page content

3. 404 Button: Click here to add 404 page button text

1. No Search Result Heading: Click here to add No Search Result Heading.

2. No Search Result Text: Click here to add No Search Result Text

In this way you can setup 404 Page Not Found / No Resultsection.

Setup Woocommerce

In order to continue, Woocommerce ,the following instructions

First, you need to download woocommerce plugin from the site Wordpress.org . Next, you need to go to WordPress admin and visit Plugin.

You will see a success message like this after installation is finished.Once installed, you need to click on the Activate Plugin link to start using the plugin.

Go to Appearance >> Customize >> Theme Settings >> WooCommerce Settings

Here You have an option to add select the Number Of Product in one Row and single page.

Here You have an option to Enable / Disable shop page sidebar by click on checkbox.

Here You have an option to Enable / Disable product page sidebar by click on checkbox.

Here You have an option to Enable / Disable Related product of shop page by click on checkbox.

Here You have an option to add border radius for product sale button of the theme.

Here You have an option to give the size for sale button.

Here You have an option to top-bottom, left-right padding for Sale product button.

Here You have an option to select the product sale postion of the theme.

Here You have an option to enable / disable product border by click on checkbox.

Here You have an option to top-bottom, left-right padding for product.

Here You have an option to give border radius to product.

Here You have an option to give box shadow to the product.

Here You have an option to add top-bottom, left-right padding product button and radius of product button.

In this way you can setup Woocommerce Section.

Setup Navigation

1. create pages initially using Pages >> New page added
2. Visit to Appearance >> choose Menu
3. Click to create a fresh menu link.
4. In Menu name, give your menu name, and then click Save Menu button.
5.After creating the menu, you must add pages then checking the appropriate box. Using drag & drop, you may organise menu list after then adding it.
6. Choose theme location from the below checkboxes

See this screenshot for better understanding.

Page Templates and sidebars

Page Templates

Default Template (the default page template with a right sidebar position)
Custom Home Page Template (the default home page template with right sidebar position)
Page with Left Sidebar Template (the page template with left sidebar position)
Page with Right Sidebar Template (the page template with right sidebar position)

Post, Categories and Post Formats

Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

Log into your WordPress Administration Panel (Dashboard).
Click the Posts tab.
With that done, click Categories for blog posts.
Type in the name of your new category.
After that, click the Add New Category button.

Click the Publish button.

Creating a Blog post

Log into your WordPress Administration Panel (Dashboard).
Click the Posts tab.
Click the Add New tab.
Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.