Kinsley Theme - Documentation

Thank you for purchasing our theme!
This guide provides instructions for installation. It is recommended you read it thoroughly to fully leverage the "Kinsley" theme's capabilities. If you need any help or support please contact us through the ThemeForest Messaging system or Support Email: beshleyua@gmail.com

Installing WordPress

Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server. Here is a very detailed guide at Wordpress Codex that will walk you through every step.

Installing Theme

Uploading Through WordPress

To upload through your Dashboard, select “Appearance” and then “Themes”. Next, select the “Add New” button at the top of the page and then select the “Upload Theme” button. Choose Kinsley theme "kinsley.zip" file and select “Install Now”. Once the theme is fully uploaded and installed, click “Activate” to activate the WordPress theme.

When uploading your theme with the installer, please ensure you are uploading the theme .zip file, not the entire package you downloaded. In this case, you will be uploading "kinsley.zip".
(Video installation instructions below):

FTP Upload

To manually upload your new WordPress theme, login with your credentials to your website and locate the wp-content folder in your WordPress install files. Upload the un-zipped Kinsley WordPress Theme folder into the: wp-content/themes folder.
Once uploaded, activate the theme by heading to the “Themes” menu in the WordPress Dashboard.

Installing Plugins Required

Once you have installed and activated our theme you will be prompted to install required and recommended plugins for all theme features. Just click the link to Begin installing plugins and activate all plugins.

Import DEMO Content

- To import demo content, please follow some steps below:
1. First, be sure that "Kinsley" theme and all required plugins is activated, then go to Appearance > Import Demo Data and import demo content from the list.
(Video instructions below):

Plugins

Elementor

The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.

For detailed information, documentation and support on this plugin, please go to: Elementor

ACF Pro

ACF PRO includes extra fields & features to better develop websites including repeatable blocks, page building layouts, intuitive galleries, custom settings pages and reusable fields!

For detailed information and support on this plugin, please go to: ACF Pro

ACF Pro: Font Awesome

Adds a new 'Font Awesome Icon' field to the popular Advanced Custom Fields plugin.

Kinsley Plugin

This plugin it's designed for Kinsley Theme.

Hotel Booking

Manage your hotel booking services. Perfect for hotels, villas, guest houses, hostels, and apartments of all sizes.

For detailed information and support on this plugin, please go to: MotoPress

One Click Demo Import

Import your content, widgets and theme settings with one click.

For detailed information, please go to: One Click Demo Import

Contact Form 7

Contact Form 7 is one of the most popular form builders for wordpress.

For detailed information and support on this plugin, please go to: Contact Form 7

WooCommerce Docs

Kinsley Theme compatible with WooCommerce Plugin. For detailed WooCommerce Documentation and Support Plugin, please go to: WooCommerce Docs

Kinsley Options

All global settings can be found in ​Dashboard > Kinsley Options​. In addition, you can customize:

General

In "General" Tab you can set up: Decoration Background, Decoration Background Icon, Elementor Lightbox, Smooth Scrolling, Social Links, 404 Title, 404 Content, 404 Button, Hide Preloader, Hide Preloader Counter, Preloader Logo, Preloader Logo Width, Preloader Line Height, Preloader Color.

Header & Footer

In "Header" Tab you can set up: Header Template, Footer Template.

Styling

In "Footer" Tab you can set up: Accent Colors, Text Colors, Background Colors, Typography Basic Texts, Typography Headings, Typography Menu, Buttons Color / Typography / Border, Breadcrumbs Color / Typography / Border.

Blog

In "Blog" Tab you can set up: Blog List: Sidebar, Layout, Featured Image, Categories, Details, Title, Excerpt, View Button; Blog Single: Disable featured image, Social Share.

Accommodation

In "Accommodation" Tab you can set up: Accommodations Page; Services Page; Accommodation List: Layout, Title, Featured image, Gallery, Excerpt, Details, Price, View Button, Book Button; Services List: Layout, Title, Excerpt, Price, View Button; Booking Popup: Enable, Title, Adults, Children, Check-in date, Check-out date.

(Video instructions below):

Create Pages with Elementor Builder

- To create page with Elementor builder, please do the following:
1. Go to Dashboard > Pages > Add New.
2. In the tab "Page Attributes" > "Template", select "Elementor builder" and Save Changes. Click to "Edit with Elementor" button.
3. In Elementor builder panel drag and drop "Kinsley Theme" elements & widgets and fill the fields.
(Video instructions below):

Edit Pages with Elementor Builder

- To edit Page, please do the following:
1. Go to Dashboard > Pages > Edit.
2. In the tab "Page Attributes" > "Template", select "Elementor builder". Click to "Edit with Elementor" button.
3. In Elementor builder panel drag and drop "Kinsley Theme" elements & widgets and fill the fields.
(Video instructions below):

Hotel Booking

Manage your hotel booking services. Perfect for hotels, villas, guest houses, hostels, and apartments of all sizes.

Documentation:

View PDF

Detailed Videos Documentation:

View on Youtube

Gallery

- To create Gallery Items, please do the following:
1. Go to Gallery > New Image.
2. In the tab "Featured Image", select image from Library or Upload new. Enter Title, Categories and click Update button.

- To create Gallery Page
1. Go to Dashboard > Pages > Add New. Click to "Edit with Elementor" button.
2. In Elementor builder panel, drag and drop widget "Gallery" and configure settings, fields.
(Video instructions below):

Restaurant

- To create Restaurant Items, please do the following:
1. Go to Restaurant > New Menu Item.
2. In the tab "Featured Image", select image from Library or Upload new. Enter Title, Categories, Price and click Update button.

- To create Restaurant Page
1. Go to Dashboard > Pages > Add New. Click to "Edit with Elementor" button.
2. In Elementor builder panel, drag and drop widget "Restaurant Menu" and configure settings, fields.
(Video instructions below):

FAQ

- To create FAQ Items, please do the following:
1. Go to FAQ > New FAQ Item.
2. Enter Title, Categories, Description and click Update button.

- To create FAQ Page
1. Go to Dashboard > Pages > Add New. Click to "Edit with Elementor" button.
2. In Elementor builder panel, drag and drop widget "FAQ" and configure settings, fields.
(Video instructions below):

Contact Form

- To create Contacts Form, please do the following:
1. Go to Dashboard > Contact > Contact Forms > Add New.
2. Enter form name "Contact Form".
3. In the tab "Form" you can use default form layout or enter this code lines:

<div class="row">
  <div class="col-lg-6">
    [text* cf-name placeholder "Name"]
  </div>
  <div class="col-lg-6">
    [email* cf-email placeholder "Email"]
  </div>
  <div class="col-lg-12">
    [textarea cf-message placeholder "Message"]
  </div>
  <div class="col-lg-12">
    <div class="knsl-form-submit-frame">
      <button type="submit" class="knsl-btn">Send</button>
      <div class="knsl-text-sm">*We promise not to disclose your personal information to third parties.</div>
    </div>
  </div>
</div>
				

4. In the tab "Mail", enter this your email address.
5. Save Changes.

- To insert Contact form to page, please do the following:
1. Go to Dashboard > Pages > Contact. Click to "Edit with Elementor" button.
2. In Elementor widget "Contact Form" in Form field, select your created CF7 form.

Blog

- To create Blog Pages, please do the following:
1. Go to Dashboard > Pages > Add New.
2. In the tab "Page Attributes" > "Template", select "Elementor builder". In the tab "Publish" click to "Publish" button.
3. Click to "Edit with Elementor" button.
4. In Elementor builder panel drag and drop "Kinsley Theme" widget: "Blog" and more. 6. Go to Dashboard > Posts > Add New.
7. Enter your Post Title, Description, choose category and the tab Featured Image upload & select preview image. In the tab "Publish" click to "Publish" button.

Update Our Themes

Update via Envato Market Plugin

To easy and fast update theme and plugins you can use Envato Market Plugin (I added this plugin in recommended list in the theme):
1) Install Envato Market Plugin: https://envato.com/market-plugin/ and activate.
2) On admin panel go to Envato Market -> Settings -> Generate an Envato API Personal Token -> Click on link -> Login to your Envato Account -> Checked “Permissions ( https://gyazo.com/8a94c801e8197207d3d37467aa8587fb )” on list -> Create Token.
3) Use plugin “Envato Market -> Themes” to install all future updates. (in a few clicks).
Thanks!

Manually Update (Appearance -> Themes)

You can update our theme via WordPress Panel, Go to Dashboard > Appearance > Themes. Click "Add New" -> "Upload Theme". Choose Kinsley theme "Kinsley.zip" file and select “Install Now”.

Manually Update (FTP or Cpanel)

You can update our theme using via FTP or Cpanel.
Download the latest version of the theme on ThemeForest download page and you rename the folder contain the old theme and create a new folder and insert the latest theme in here.

Support

If you need any help or support please contact us through the ThemeForest Messaging system or Support Email: beshleyua@gmail.com