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
Hotel Advisor is compatible with the WordPress version 4.5 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
Need Support?
If you have any pre-sales questions or queries regarding Hotel Advisor, you can ask them in the comments section at the top. Our sales Agent will be excited to answer those for you. For the technical issues please contact our support Agent by opening a ticket at support@Kodeforest.com Our dedicated support Agent will help you out support@Kodeforest.com (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:



Important! We are offering first free installation in case of any confusion it will help you to setup your theme in simple steps, Contact our support for first free installation.

Install Wordpress

Tips before installing WordPress

You should have a domain name (Ex: http://yourwebsite.com) and a good webhosting company (Ex: WP Engine, Media Temple, Hostgator, Bluehost)
A text editor (Ex: Notepad++, TextEdit)
An FTP Client (Ex: FileZilla)
A web browser of your choice (Ex: Chrome, Firefox)
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. Wait for the theme installation


  5. In the last click on the activate button to activate the theme.


  6. 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.



It is highly recommended to use child theme, So that you can easily update parent theme whenever a new update becomes available. A pre-built ready to use child theme is included in the main theme pack that you have downloaded from themeforest.

To install child theme, You need to upload the hotel-advisor-child.zip and activate it in the same way as you have uploaded and activated parent theme's hotel-advisor.zip.

Install Wordpress on PC (LocalHost)

You may easily install WordPress on your personal computer for learning and testing purposes.
The process of installing WordPress on your PC is considered as setting up a localhost. Usually, you may want to install WordPress in a local server environment for several reasons:
to design and develop themes
testing plugins and new versions of WordPress
create and verify posts, before releasing them live
Installing WordPress on your PC using WAMP (WampServer)
Download and install WAMP by following the instructions Link: http://www.wampserver.com/en/
Click on WAMP icon and on the next page press on PHPMyAdmin
In the displayed window click on Databases menu
Enter a database name and click the Create button
Extract and copy the WordPress folder
Go to C:\wamp\www and paste WordPress folder there
In the page that appears click the Create a Configuration File button
On the next page, enter your database information and click the Submit button
In the next screen click the Run Install button
Then, complete the installation by filling in the form with the required information and press the Install WordPress button
Finally, you can proceed with inserting your login information (Link: http://localhost/your-wordpress-install/wp-admin)

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. Kodeforest Hotel Management
  3. Kodeforest Review
  4. Kodeforest Coupons
  5. Mega Main Menu ( Optional )
  6. Revolution Slider ( optional )
  7. Master Slider ( optional )
  8. Contact Form 7 ( optional )
  9. Kodeforest Destination
  10. Visual Composer
  11. Ultimate VC Addons
  12. Kodeforest Custom Fields
Then, go to 'Appearence > Theme Options > Importer Options' and select the layout you wish to have
and then click on the 'Import Now' button.



Follow the steps mentioned on the screen, then, activate and run the plugin
now click button 'Import Data'
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 :)
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

User Roles & Profiles
WordPress uses a concept of Roles, designed to give the site owner the ability to control what users can and cannot do within the site.

A site owner can manage the user access to such tasks as writing and editing posts, creating Pages, defining links, creating categories, moderating comments, managing plugins,

managing themes, and managing other users, by assigning a specific role to each of the users.

User roles
There are five user roles:

Administrator - has complete control over all administrative options and features.

Editor - has access to all posts and pages and can review posts submitted by contributors.

Author - can write and publish their own posts.

Contributor - has no right to publish posts but can write and edit their own blog posts.

Subscriber/Follower - can read and comment on the blog posts and pages.

Changing user role
Only the Administrator of the blog has the right to change other users roles.

1) Go to the Users > All Users.

2) Select the user you want and select the desired role from the Change role to… dropdown.

3) Click the Change button.



Removing users
Only the Administrator of the blog can remove users from your website.

1) Go to the Users > All Users.

2) Hover the username you want to remove, and click the Delete link.



Users Profile
1) Go to the Users > Your Profile.

2) Your Profile options are separated in 4 sections as follows:

Personal Options - different options regarding your experience using WordPress.

Name - lets you change the name and nickname and how your name is displayed publicly.

Contact Info - let you set an email and website.

About Yourself - use the options in this section in order to add your bio and change your password. Note that the bio is shown publicly.



General Wordpress Settings
The General Settings page controls some of the most basic configuration settings for your site: your site's title and location,

who may register an account at your site, and how dates and times are calculated and displayed.



Site Title - lets you enter the name of your site (or blog).

Tagline - your sites's slogan, or short phrase, or sentence, used to convey the essence of the site and is often funny or eye-catching.

WordPress Address (URL) - the full URL of the directory containing your WordPress core application files (e.g., wp-config.php, wp-admin, wp-content, and wp-includes). For example, if you installed WordPress into a directory called "blog", then the WordPress address would be http://example.net/blog (where example.net is your domain). If you installed WordPress into your web root, this address will be the root URL http://example.net.

Site Address (URL) - the address you want people to type in their browser to reach your WordPress site. This is the directory where WordPress's main index.php file is installed. The Site address (URL) is identical to the WordPress address (URL) (above) unless you are giving WordPress its own directory.

E-mail Address - the e-mail address to which you want WordPress to send messages regarding the administration and maintenance of your WordPress site. For example, if you allow new users to register as a member of your site (see Membership below), then a notification will be sent through e-mail to this address.

Membership - check this checkbox if you want anyone to be able to register an account on your site.

New User Default Role - this pull-down box allows you to select the default Role that is assigned to new users. More about users and available roles can be found in this article.

Timezone - lets you select your timezone, choose a city that is in the same timezone as you are.

Date Format - the format in which to display dates on your site.

Time Format - the format in which to display times on your site.

Week Starts On - lets you select your preferred start date for WordPress calendars from the drop-down box, Monday being the default setting.

Site Language - the WordPress dashboard language.

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.

Style & Layout

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.

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 'Theme Options > General > Sub Header section.

General Settings

There're unlimited 2 different color scheme available with Hotel Advisor from header to footer, you can change whole color scheme of the site in just one click All you need to click the Color Scheme settings can be set at 'Theme Options > Color Options > General' section.

Select the color scheme one from the color picker for the main site and second for the secondry color scheme you wish to have from the given color picker option.

Header & Top Bar Color Settings

Theme has the full header and top color control.You can change whole Header and top bar colors very eaisly.These can be set at 'Theme Options > Color Options > Header & Top Bar' section.

Navigation Color Settings

Theme has the overall navigation color control.You can change whole navigation colors very eaisly.These can be set at 'Theme Options > Color Options > Navigation' section.

Sub Header Color Settings

Theme has the Sub Header color control.You can change all the Sub header colors very eaisly.These can be set at 'Theme Options > Color Options > Sub Header' section.

Text and Paragraph Color Settings

Theme has the all Content color control.You can change all the Content colors very eaisly.These can be set at 'Theme Options > Color Options > Text and Paragraph' section.

Headings Color Settings

Theme has the Headings color control.You can change all the Headings colors very eaisly from here.These can be set at 'Theme Options > Color Options > Headings' section.

Paragraph Typography Settings

You can set font family of paragraph from here by going to 'Theme Options > Typography Options > Paragraph' section.

You can select the font size from here.

You can add the paragraph line height from here.

You can add the paragraph font weight from here.

You can add the paragraph letter spacing from here.

You can change the text transformation from here.



Heading H1 Typography Settings

You can set font family of heading h1 from here by going to 'Theme Options > Typography Options > Heading 1' section.

You can select the font size from here.

You can add the heading 1 line height from here.

You can add the heading 1 font weight from here.

You can add the heading 1 letter spacing from here.

You can change the text transformation from here.



Heading H2 Typography Settings

You can set font family of heading h2 from here by going to 'Theme Options > Typography Options > Heading 2' section.

You can select the font size from here.

You can add the heading 2 line height from here.

You can add the heading 2 font weight from here.

You can add the heading 2 letter spacing from here.

You can change the text transformation from here.



Heading H3 Typography Settings

You can set font family of heading h3 from here by going to 'Theme Options > Typography Options > Heading 3' section.

You can select the font size from here.

You can add the heading 3 line height from here.

You can add the heading 3 font weight from here.

You can add the heading 3 letter spacing from here.

You can change the text transformation from here.



Heading H4 Typography Settings

You can set font family of heading h4 from here by going to 'Theme Options > Typography Options > Heading 4' section.

You can select the font size from here.

You can add the heading 4 line height from here.

You can add the heading 4 font weight from here.

You can add the heading 4 letter spacing from here.

You can change the text transformation from here.



Heading H5 Typography Settings

You can set font family of heading h5 from here by going to 'Theme Options > Typography Options > Heading 5' section.

You can select the font size from here.

You can add the heading 5 line height from here.

You can add the heading 5 font weight from here.

You can add the heading 5 letter spacing from here.

You can change the text transformation from here.



Heading H6 Typography Settings

You can set font family of heading h6 from here by going to 'Theme Options > Typography Options > Heading 6' section.

You can select the font size from here.

You can add the heading 6 line height from here.

You can add the heading 6 font weight from here.

You can add the heading 6 letter spacing from here.

You can change the text transformation from here.



System Diagnose 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 Agent.

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.

Ticket - Paypal Form

Tickets paypal form setting. These settings can be set at 'Theme options > Ticket - Paypal form.

You can set Ticket Money format from here eaisly.

You can select the Paypal Request URL drom here.

You can enter the Recipient Name from here.

You can enter the Recipient Email from here.

You can enable/disable Allow Payment via Paypal from here.

You can set paypal currency code from here eaisly.

Import / Export Settings

The theme has the Admin panel Export and Import option. You can save the theme panel options settings and also you can export widgets from here. 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. You can select the thumbnail size from there and can set the side bar for the blog posts. These settings can be set at 'Theme 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 set the post detail image size 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.

Event Settings

Event is the most important part of the theme now the power full theme panel has complete control over your site. These settings can be set at 'Theme options > Event Settings.

You can control the single Event feature image from here.

You can show / hide the Event Image date from here.

You can show / hide the Single Event Organizer Information from here.

You can show / hide the Single Event Tags from here.

You can show / hide the Single Related Events from here.

You can show / hide the Single Related Events Meta from here.

You can show / hide the Event Single Events Comments 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 'Theme 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 also provides you the woo commerce listing control options which you can easily control the listing layout by going to the Theme 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.


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 enable/disable slider arrows from here.

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. Hotel Advisor gives you the complete control where you can set the color for the title , caption and button easily from the color picker.



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.


Google Map API Settings

In order to run the Google Map in the theme you first need to get the public an d private keys for the Google Map.
Step1. Log into your Google account.
Important! If you do not have a Google account, you will need to sign up for a Gmail account.
Step2. To find the reCAPTCHA site, type Recaptcha in Google search.
You should see a link that says reCAPTCHA: Stop Spam, Read Books. Select that link and you should be directed to the following:
https://www.google.com/recaptcha

Step3. On the reCAPTCHA page, click Use reCAPTCHA ON YOUR SITE.
Step4. Click Sign up Now!.
Step5. Type your domain you are using the reCAPTCHA for. Select the Enable this key on all domains (global key) so you can use the same reCAPTCHA key for all your sites.
Click Create Key.
Google will have 2 keys generated for your site, a public and a private key. These are the reCAPTCHA keys you will use in your Software.



Obtaining a Google Maps API Key

1. In a browser, navigate to the Google Developers Console: https://console.developers.google.com/


2. Click the Select a project > Create a project menu option to create the project.
3. In the New Project dialogue that appears, enter the Project name. You may also provide a project ID (a unique name that identifies the project).


4. Once the project has been created, you will be taken to the Project Dashboard :



5.Click on the APIs & auth and scroll down to the list of available API's until you Google Maps Android API. Toggle the switch indicator at the right to turn the service on for this project.



At this point the API project has been created and the Google Maps Android API v2 has been added to it. Next we will look at how to create an API key and white list a Xamarin.Android application so that it is authorized to use this key.




Twitter API Settings

Theme has the Twitter Api integration which settings are defined in Theme panel options that allows you to enter


User Name.

Consumer Key.

Consumer Secret.

Access Token.

Access Token Secret.

Number of tweets to show.

Twitter cache time.

Hotel Room Detail

Theme has the hotel room detail settings defined in Hotel Theme panel options.

You can select Room Thumbnail Size from the dropdown given in the options.

You can listing detail sidebar layout from here.

You can turn on/off listing sidebar from here.

Category Search Listing

Theme has the Category Search Listing settings defined in Hotel Theme panel options.


You can select Search Style,Listing Style, Thumbnail Sizeand Listing Column Size from here from the dropdown given in options.

You can turn on/off listing detail sidebar and set the listing detail sidebar layout from here.

You can set the hotel filter header background image, turn on/off Hotel Filter Pagination and set the number of hotels show on the page from here.

Category Hotel Features

Theme has the Category Hotel Features settings defined in Hotel Theme panel options.


You can select the hotel features set their style select the number of column and manage other settings from here.

You can enable/disable pagination from here.

Category Hotel Status

Theme has the Category Hotel Status settings defined in Theme panel options.

Please enter the number of columns of the result you want to show in the Hotel status page.

Please enter the number of Fetch of the result you want to show in the Hotel status page.

You can enable / disable the pagination of the status from here.

You can select the Hotel status style, Size of column, Fetch the Number of Hotels show on page from here.

Category Listing Type

Theme has the ategory Listing Type settings defined in Theme panel options.

Please enter the number of columns of the result you want to show in the hotel listing type page.

Please enter the number of Fetch of the result you want to show in the hotel listing type page.

You can enable / disable the pagination of the status from here.

You can select the hotel listing type style, Size of column, Fetch the Number of Hotels show on page from here.

Room Extra Fields

You can add room extra information feilds from here.

You can add room extra services from here.

Hotel Detail Options

You can show or hide the Related Hotels on the Hotel Detail page from here.

You can show or hide the Comments on the Hotel Detail page. from here.

Social Shares

You can turn On/Off the social sharing for the hotel page from here.


Goole Map Styler Settings

Hotel Advisor Comes with different google map styles from which you can select any style for your hotel listings.


Hotel Sidebar Settings

In hotel sidebar settings option, you can add the sidebar in hotel page from there.
Also you can select the sidebar size, sidebar color and top/bottom/left/right padding of the sidebar.
You can also turn on/off the sidebar of hotel page from there.


Hotel API Keys

In order to run the Google Map in the theme you first need to get the public an d private keys for the Google Map.
Step1. Log into your Google account.
Important! If you do not have a Google account, you will need to sign up for a Gmail account.
Step2. To find the reCAPTCHA site, type Recaptcha in Google search.
You should see a link that says reCAPTCHA: Stop Spam, Read Books. Select that link and you should be directed to the following:
https://www.google.com/recaptcha

Step3. On the reCAPTCHA page, click Use reCAPTCHA ON YOUR SITE.
Step4. Click Sign up Now!.
Step5. Type your domain you are using the reCAPTCHA for. Select the Enable this key on all domains (global key) so you can use the same reCAPTCHA key for all your sites.
Click Create Key.
Google will have 2 keys generated for your site, a public and a private key. These are the reCAPTCHA keys you will use in your Software.



Obtaining a Google Maps API Key

1. In a browser, navigate to the Google Developers Console: https://console.developers.google.com/


2. Click the Select a project > Create a project menu option to create the project.
3. In the New Project dialogue that appears, enter the Project name. You may also provide a project ID (a unique name that identifies the project).


4. Once the project has been created, you will be taken to the Project Dashboard :



5.Click on the APIs & auth and scroll down to the list of available API's until you Google Maps Android API. Toggle the switch indicator at the right to turn the service on for this project.



At this point the API project has been created and the Google Maps Android API v2 has been added to it. Next we will look at how to create an API key and white list a Xamarin.Android application so that it is authorized to use this key.




Hotel Payment Settings

You can manage all the settings of payments option for hotel page from here.


Reviews Config

In reviews configure settings you need to set the information that who is allowed to rate on post types.
Registered User guests
Only Guests
Registered Users only

Also you can set the Rating images type from there.
Rating stars
Ratings Hearts
Like Thumbs


Review Settings

In review settings you can select review style type image, percent or points.
Also you can add review box title, add text under total score and review Summry long description under review tab.


Review Criteria

In review criteria settings you can add criteria for rating review.
Excellent
Best
Better
Good
Poor
Also you can set the criteria score from there.


Review API Keys

In review api keys settings you can manage the settings of google api key and recaptcha key.
You need to put the google api and recaptcha key here for review page.


Maintenance Mode Settings

You can enable / disable maintenance mode from here.


Setup dsIDXpress

This theme provides limited support for dsIDXpress Plugin.

https://wordpress.org/plugins/dsidxpress/
1. 1st, You have to register a trial account at www.diversesolutions.com and get an activation key. 2. After that you have to install dsIDXpress plugin and activate it using activation key you got from registering with divers solutions website. The related screen shot is displayed below.



3. After activation you have to set General settings for dsIDXpress as displayed in the screen shot below.



4. Now, You can access your dsIDXpress properties list using following URL format www.yourwebsite.com/idx/
You can use dsIDXpress widgets in dsIDXpress sidebar.


5. You can add dsIDXpress properties list page in menu as displayed in the screen shot below.



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.



You have to leave the post page option blank and use blog item ( in our page builder area ) to create the blog page instead.

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.



If you want to make your section to full width then you need to select the container type of section wrapper to Full Width incase of the slider , gallery etc.
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.



Services Style

Services can be created 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.

Go to the new page, Drop the Services element from the page builder, Edit the element from the gear icon and add the detail of the service.



How to Create Services?

1) Drop the column wrapper and manage its size from plus minus button from the top left corner.

2 Then drop the services element from the page builder and drop them inside the column wrapper.



1) Then edit the services icon from the top right corner with a gear icon.

2) Enter the title of the services.

3) Enter the content of the services.

4) Select the services image.

5) Select the services style and enter the link text and URL and save the changes.



Note : Enter the Margin bottom in numbers only. E.g 20 Donot right px with it.

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.



Now you can also have the complete control of the side bar by setting its margin , padding from top , left , right and bottom.

Also you can have the background color of the sidebar of your choice.

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.

Sidebar Style

Now you have the control over the side bar where you can change the side bar background color.

You can have the margin top , bottom , left and from right.

And same you can have the padding from the top , bottom , left and from the right side.



Assigning the sidebar
After you create sidebar, you can assign it to any page/post/portfolio/Agents 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

Hotel Advisor 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.

Pagebuilder Items
There are some of the wrapper element call section and column. If you want the element like Agent , 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 Review Page

    In order to make a review page you should follow the following steps:

    Log in to your WordPress Dashboard (Ex: http://yourwebsite.com/wp-admin)

    Click the Review tab

    Click the Add New sub-tab

    Start filling in the blanks:

    Title: introduce in the upper field the title of your Review

    Content: enter any information you want to display on your Review

    As needed, you may also fill in the following fields:

    1.) Go to 'Review > Add New' and fill the info you want.
    2.) Add Description of page if you want to add.
    3.) Scroll down you will see Review options and dropdown below it, Click on it and enter the desired information for the Review.
    4.) You can add the Average Rating, Review Type, Hotel Reviewed and Travel Mode from there.
    5.) You can also add the features list from there.
    6.) Publish the Review page.

    Creating Review Page



    Creating Coupon

    In order to make a Coupon you should follow the following steps:

    Log in to your WordPress Dashboard (Ex: http://yourwebsite.com/wp-admin)

    Click the Coupon tab

    Click the Add New sub-tab

    Start filling in the blanks:

    Title: introduce in the upper field the title of your Coupon

    As needed, you may also fill in the following fields:

    1.) Go to 'Coupon > Add New Coupon' and fill the info you want.
    2.) Scroll down you will see Coupon options and some of the options have dropdown below it, Click on it and enter the desired information for the Coupon.
    3.) You can add the Coupon Code, Coupon Amount, Coupon Expiry, Coupon Discount Type and Coupon Discount Amount from there.
    4.) You can also have the option to select the hotel and coupon for hotel or room from there.
    5.) Publish the Coupon.

    Creating Coupon



    Creating Hotel

    In order to add a hotel you should follow the following steps:

    Log in to your WordPress Dashboard (Ex: http://yourwebsite.com/wp-admin)

    Click the hotel tab

    Click the Add New sub-tab

    Start filling in the blanks:

    Title: introduce in the upper field the title of your hotel

    Content: enter any information you want to display for your hotel

    You must complete at least the title field to successfully add a hotel. Avoid using the same title twice as that will cause confusions!


    As needed, you may also fill in the following fields:

    Hotel Features: select/add the hotel features that your hotel had.

    Image: add an image that is relevant for your hotel.

    Location: add location where your hotel is located.

    Hotel Detail: add hotel details ie: Hotel Phone Number , Hotel Email , Hotel Price Per Stay, Hotel Discount etc...



    1.) Go to 'Hotel > Add New' and fill the info you want.
    2.) Add Description of page if you want to add.
    3.) Scroll down you will see hotel options and dropdown below it, Click on it and enter the desired information for the hotel.
    4.) Choice the side bar position and side bar from there if you want to have..
    5.) Configure your hotel settings from the given options video , feature image or slider
    6.) Publish the Hotel.

    Creating Hotel 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 "Hotel".
    4.) Click on Plus blue button to Add Items.
    5.) Configure your Hotel settings by clicking on Edit settings on the Top right of dropped element.
    6.) Publish the page.

    Edit Hotel Settings



    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 "Hotel".
    4.) Click on Plus blue button to Add Items.
    5.) Configure your hotel settings by clicking on Edit settings on the Top right of dropped element.
    6.) An other dialog box will appear in which you can manage following settings.
    A) Hotel Filter
    B) Hotel Features
    C) Hotel Status
    D) Hotel Style
    E) Hotel Type
    F) Room Type
    G) Num Title(Characters)
    H) Num Fetch
    I) Excerpts(Words)
    There are 8 different and Unique Hotel Listing styles variations that can be selected from the Hotel options. Just you need to select the Hotel style you wish to have.

    Hotel Grid
    Hotel Modern Grid
    Hotel Simple
    Hotel Normal
    Hotel Modern Full
    Trending Hotel View
    Hotel Map View
    Popular Hotel View
    Note : Please enter the margin bottom in numbers only. E.g 20 Donot write px with it.
    7.) Publish the page.

    Hotel Category On Homepage



    Go to 'Page > Add New' to create new page.
    There you will see the page builder available. In page builder you will see the element named "Hotel Cat"
    1. ) Drop the "Hotel Cat" element from page builder and put it in to the section and edit it from the gear icon at the right side.
    2. ) A box will be appear, There you will see the option of Status and features. If you want to show the features or staus on the map then select the features/status by holding Ctrl button.
    3. ) You can manage the following settings.
    A) Hotel Filter
    B) Hotel Features
    C) Fetch Hotel Parent Categories
    D) Fetch Hotel Child Categories
    4. ) Then save the changes and Publish the page.




    Creating Room

    In order to make a Room you should follow the following steps:

    Log in to your WordPress Dashboard (Ex: http://yourwebsite.com/wp-admin)

    Click the Hotel tab

    Click the All Rooms

    Click the Add New

    Start filling in the blanks:

    Title: introduce in the upper field the title of your Coupon

    As needed, you may also fill in the following fields:

    1.) Go to 'Hotel > All Rooms > Add New' and fill the info you want.
    2.) Scroll down you will see Room options and some of the options have dropdown below it, Click on it and enter the desired information for the Coupon.
    3.) You can select the Hotel and add room features, room types and number of rooms, also you can enter maximum number of people that can stay in this room from there.
    4.) You can also have the option to set the Weekend Pricing and Weekday Pricing of room from there.
    5.) Publish the Rooms.

    Creating Rooms



    Creating Blog

    In order to add a blog post you should follow the following steps:

    Log in to your WordPress Dashboard (Ex: http://yourwebsite.com/wp-admin)

    Click the Posts tab

    Click the Add New sub-tab

    Start filling in the blanks:

    Title: introduce in the upper field the title of your blog post

    Content: enter any information you want to display on your blog post

    You must complete at least the title field to successfully create a blog post. Avoid using the same title twice as that will cause confusions!


    As needed, you may also fill in the following fields:

    Categories: select the general topic your blog post can be post in.

    Post Tags: refers to sub-categories for your blog.

    Image: add an image that is relevant for your blog post.

    Excerpt: a summary of your blog post displayed on the front page/categories/archives.

    Author: select your name from the drop-down menu.

    Format: select blog post format.

    Slug: edit the blog post URL.



    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.

    Edit Blog Settings



    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.) An other dialog box will appear in which you can manage following settings.
    A) Catogries
    B) Tags
    C) Blog Styles
    D) Num Title(Characters)
    E) Excerpts(Words)
    There are 4 different and Uniquer Blog styles variations that can be selected from the blog options. Just you need to select the blog style you wish to have.

    Blog Modern
    Blog Full
    Blog Grid
    Blog Small
    Note : Please enter the margin bottom in numbers only. E.g 20 Donot write px with it.
    7.) Publish the page.

    Creating Membership

    In order to add a membership you should follow the following steps:

    Log in to your WordPress Dashboard (Ex: http://yourwebsite.com/wp-admin)

    Click the Membership tab

    Click the Add New sub-tab

    Start filling in the blanks:

    Title: introduce in the upper field the title of your Membership

    Content: enter any information you want to display on your Membership

    As needed, you may also fill in the following fields:



    1.) Go to 'Membership > Add New' and fill the info you want.
    2.) Add Description of page if you want to add.
    3.) Scroll down you will see membership options and dropdown below it, Click on it and enter the desired information for the membership.
    4.) You can add the Currency, Price, Plan Duration and Availiable/Feature listing from there.
    5.) Publish the Membership post.

    Creating Membership 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 "Membership".
    4.) Click on Plus blue button to Add Items.
    5.) Configure your membership settings by clicking on Edit settings on the Top right of dropped element.
    6.) Publish the page.

    Edit Membership Settings



    Creating Agent



    1.) Go to 'Agents > Add New' and fill the info you want.
    2.) Add Description of Agent member if you want to add.
    3.) Scroll down you will see options for the Agent members.
    4.) You can enter the Agent title and caption plus you can upload the header background image from here.
    5.) Configure your Agent settings.
    6.) Publish the Agent member.

    Creating Agent 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 "Team".
    4.) Click on Plus blue button to Add Items.
    5.) Configure your Agent settings by clicking on Edit settings on the Top right of dropped element.
    6.) Publish the page.

    Editing Agent Settings



    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 "team".
    4.) Click on Plus blue button to Add Items.
    5.) Configure your Agent settings by clicking on Edit settings on the Top right of dropped element.
    6.) You can add following things in the settigs of the Agent setting.
    A) You can manage Catogries.
    B) You can Manage Tags
    C) You can manage Agent styles
    D) Number of Exerpts for the text.
    Note : Please enter the margin bottom in numbers only. E.g 20 Donot write px with it.
    7.) Publish the page.

    Creating Paypal 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 "Paypall".
    5.) Configure your Paypall settings by clicking on Edit settings on the Top right of dropped element.
    6.) Publish the page.





    Creating Stripe 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 "Stripe".
    5.) Configure your Stripe settings by clicking on Edit settings on the Top right of dropped element.
    6.) Publish the page.





    Creating Paymill 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 "Paymill".
    5.) Configure your Paymill settings by clicking on Edit settings on the Top right of dropped element.
    6.) Publish the page.





    Creating Authorize 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 "Authorize".
    5.) Configure your Authorize settings by clicking on Edit settings on the Top right of dropped element.
    6.) Publish the page.





    Creating SignIn 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 "Signin".
    5.) Configure your Signin settings by clicking on Edit settings on the Top right of dropped element.
    6.) Publish the page.





    Creating SignUp 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 "SignUp".
    5.) Configure your SignUp settings by clicking on Edit settings on the Top right of dropped element.
    6.) Publish the page.





    Creating Forget Password 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 "Forget Password".
    5.) Configure your Forget Password settings by clicking on Edit settings on the Top right of dropped element.
    6.) Publish the page.





    Creating Submit Listing 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 "Submit Listing".
    5.) Configure your Submit Listing settings by clicking on Edit settings on the Top right of dropped element.
    6.) Publish the page.





    Creating Edit Listing 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 "Edit Listing".
    5.) Configure your Edit Listing settings by clicking on Edit settings on the Top right of dropped element.
    6.) Publish the page.





    Creating Modern Listing 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 "Modern Listing".
    5.) Configure your modern listing settings by clicking on Edit settings on the Top right of dropped element.
    6.) Publish the page.





    Creating Hotel Marker 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 "Hotel Marker".
    5.) Configure your hotel Marker settings by clicking on edit settings on the Top right of dropped element.
    6.) Publish the page.





    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 Testimonial 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.

    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.



    Now for the short code of Progress bar click on the KF button to have the short code from wordpress visual editor.
    Select the short code from the drop down menu. Then fill the fields e.g we have now the short code of the Progress Circle. Enter Circle Text , Circle Value and the Circle Width.




    Now Go to the Drop the column wrapper and then the simple column element inside the column wrapper. Edit the simple column and paste you short code that you have generated from KF short codes there and publish / update the page.



    Slider

    There're 5 kinds of slider in this theme.
    1. Master Slider
    2. Revolution Slider
    3. Flex Slider
    4. Nivo Slider
    5. BX Slider
    Master Slider
    1.) Make sure that Master plugin is activated, its built in with the theme all you need to install and activate Master slider.



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

    3.) When you select Master 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.





    Slider

    There're 5 kinds of slider in this theme.
    1. Master Slider
    2. Revolution Slider
    3. Flex Slider
    4. Nivo Slider
    5. 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.

    Contact forms

    There is one contact forms in this theme.

    Use this plugin to make the contact form on contact page. Navigate to Contact - Contact Forms, there is a form named Contact Form 1 if you want to create a new form, click on Add New button.





    Click on the form title to edit form, copy this code and paste into Form box:

    <div class="kf_with_us_form">
    [text text-759 class:form_holder placeholder "Your Name"]
    [email email-760 class:form_holder placeholder "Your Email"]
    [textarea textarea-968 class:form_holder "Type Message"]
    <button><i class="fa fa-envelope"></i>Submit</button>
    </div>



    Copy the shortcode of the contact form and use it where you want to build contact form.



    WPML Basic Setup

    I am assuming that you have a working version of WordPress with Real Homes theme installed and configured based on the documenation and sample data provided with in the theme package.

    Please follow the steps below to configure the basic settings for WPML Plugin.



    1. Install and Activate WPML Multilingual CMS Plugin
    2. Go to WPML > Languages.
    3. Select English as Current Language and Go Next.
    4. Select the other languages for your site and Go Next.
    5. Leave all the section on this page as it is and Go Next.
    6. Register WPML if you want to receive automatic updates OR press Remind Me Later button.
    7. Click Finish Button, Now you will be taken to WPML > Languages page but with different interface. If not then manually go to WPML > Languages Page.
    8. Look for Language URL Format section and choose the url format that suites your needs. I am choosing the 1st one with languages directories at the end. Save the changes.



    9. Look for Language Switcher Options section and then look for What to include in the language switcher option. Choose to display Flag with in language switcher and save the changes. Leave all other options as it is.



    10. Leave all other sections as it is.
    11. Now, Install and activate WPML String Translation plugin.



    12. After that Go to WPML > Theme and Plugin Localization.
    13. 1st Option is Select how to localize the theme, Choose Translate by WPML and Save.



    14. Next Option is Select how to get translations for WordPress, Choose the 1st options WPML will automatically download translations for WordPress and save.



    15. Skip the Option Language locale Settings.
    16. Next Options is Strings in the Theme, Press the Scan the theme for Strings Button and Wait for results.



    17. Now, Go to WPML > String Translation section and configure the following settings.







    18. Basic settings are complete and you can translate a string that do not exist in post, pages and taxonomies using WPML > String Translation Section for more information http://wpml.org/documentation/getting-started-guide/string-translation/


    WPML Menu Sync

    1. To setup language specific menus, Go to WPML > WPML Menus Sunc



    2. Click the Sync button.
    3. Select the pages that you have translated + the Main Menu translation to other language. Press Apply Changes and wait for the menus to be synced.



    4. Once syncing is complete, Visit the home page in other language and you will see that translated menu will appear in place of english menu.



    String Translation

    You can translate a string that does not exist in post, pages and taxonomies using WPML > String Translation section.

    String Translation Example

    1. We will learn how to translate site name, Which is Theme Test for this example.

    2. Go to WPML > String Translation section and search for Theme Test.



    3. Once found, Translate it as displayed below.



    4. Translate the tag line using the same search.



    5. Now view the front end of your other language home page and you will have the site name and tag line translated.



    6. So, You can translate all strings that are out of post's or page's content area.



    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 Hotel Advisor. 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.

    CrowdFunding Not Showing.

    After installing the theme the crowd funding section will not appear. Because it requires the Premium Ignition Deck plugin to work. The theme is fully integrated with the premium functionality of the ignition deck plugin.

    Crowd Funding Element will not work if you are using the free plugin of the ignitionignition deck. You can purchase the premium plugin from here http://ignitiondeck.com/id/



    Translating the theme/plugin using poedit application

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




    How to activate Mega Main Menu for Primary Menu

    1.) Click on Mega Main Menu link




    2.) Check on primary then click on Save All Changes button.




    3.) Click to open Layout Options for primary, topmenu and Uncheck on "Company Logo" and "Searchbox"




    4.) Check this option to make the menu sticky. Incompatible with the "Vertical" menu.





    Updating Layer Sider, Master 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, Master 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.

    Single Page Site

    Like you know, it is possible to have a single page site, using Hotel Advisor. 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.
    • 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

    Agent : 614x614

    Services : 614x614

    Gallery : 614x614

    Products : 614x614

    Testimonial : 614x614