Thank You For Purchasing

Leisure - Hotel, Resort &

Spa WordPress Theme!
You can read below a comprehensive guide with
detailed instructions about the Leisure WP Theme
functionalities. Each section is carefully explained,
using helpful screenshots and videos when
necessary. It contains everything you need to have
your theme up and running in no time.

Leisure WordPress Theme v.1.0

Documentation Version: 1.0
Author: Curly Themes

1. Table of Contents
Free Support
Installing the Theme
Theme Requirements
WordPress Theme Upload
FTP Theme Upload
Activating the Theme
Migrating From another Theme
Importing the Demo Content
How to Update the Theme
Quick Theme Setup
Theme Options
General Options
Header Options
Typography
Color Settings
Retina & Icons
Custom Code
Backup & Restore
Setting up the Pages
Setting up the Homepage
Setting up the Blog
Setting up the Contact Page
Visual Composer
Revolution Slider
Ninja Forms
Simple Weather
Individual Page Settings
Contact Details
Page Title
Header Options

Background Options
Setting up the Sidebars
Setting up the Menus
Setting up the Secondary Navigation
Plugin Integration
CSS & JS Files
Child Theme
Translating the Theme

2. Free Support

We provide Free Customer Support for all Curly Themes products

through our quick and easy ticket application interface. Please limit
your inquiries to problems related to the theme, its setup and
features. For any problems concerning third-party plugins you
should address the applications developer.
Note: We can not offer support for custom CSS code
customization. You should ask a professional developer for aid if
you require help with advanced customization and
programming.

Free Ticket Support

Curly Themes offers a free ticket support application for all clients,
through a real-time purchase code automatic verication. The
dedicated app is fast and easy to use and includes an email
notication feature. We will let you know as soon as your inquiry has
received an answer. Thanks to our modern design, you can also
upload images as an attachment to your support ticket.
Before writing a ticket please get your License Certicate:

Before opening a new ticket, please make sure you have read
through all our documentation and watched the video tutorials.
Also, our Knowledge Base ! contains helpful answers to questions
we often receive from our customers. Following these steps is in the
users interest, as they will save valuable time. Still, we are always
happy to respond to any inquiries you may have related to our
theme.

Create Support Ticket Knowledge Base

3. Installing the Theme

Before installing this theme you need to have a WordPress platform
already installed on your server. You can download it from
WordPress.org ! if you dont have it already.
If you do not know how or you have problems with the installation,
you can access helpful information at:
WordPress Codex

WP101 Basix Traning Video

WordPress FAQ !
Once you have a working WordPress on your server, you have two
available ways to install this theme.

3.1. Theme Requirements

The theme needs to be hosted on a server that is running WordPress
4.0 or higher, PHP5 or higher, and MySql 5 or higher. Our WordPress
Theme has been successfully tested with Mac, Windows and Linux.
Also, to ensure that your experience is 100% safe, please follow the
below checklist:
Make sure that your server is allowing WordPress to operate
normally; some servers restrict WordPress functions, causing
potential problems.
Please be sure to operate the latest version of WordPress
available. To download the latest version of WordPress, you
need to go to the ofcial WordPress.org ! website.
Please make sure that you are using the latest version of the
theme. To download the latest version of theme, you need to
go to your Theme Forest ! account, under
the Downloads tab.

3.2. WordPress Theme Upload

Step 1 Login to WordPress Dashboard

Step 2 Go to Appearance > Themes > Add New

Step 3 Click Upload and select the le leisure.zip from your
computer, after this click the Install Now button.

Step 4 Wait for the theme to be installed. Once installed, you will
be notied.
Warning: Please make sure that you upload the leisure.zip le
and NOT the pack.zip le!

3.3. FTP Theme Upload

Step 1 The .zip le you downloaded from Theme Forest contains a
folder named leisure
Step 2 Upload this folder on your server in your WordPress
directory to /wp-content/themes/
Note: We recommend that you use FileZilla FTP client.

3.4. Activating the Theme

After you have completed the install process, in either of the two
ways, you need to activate it.
Step 1 Log in to the WordPress Dashboard.

Step 2 Go to Appearance > Themes and select Leisure.

Step 3 Click the Activate button and you can start using the theme.
Step 4 It is recommended that you install the theme bundled
plugins:
Visual Composer brings nice features such as shortcodes,
widgets and other cool functionality
Revolution Slider is a premium slider, provided along with the
theme, for gorgeous showcasing
Ninja Forms is one of the top form creation plugins for
WordPress
Simple Weather is a cool, lightweight plugin to display the
weather in WordPress

3.5. Migrating From another Theme

If you want to migrate your website from another WordPress theme
to the Leisure theme, you need to resize the thumbnails using the
Regenerate Thumbnails plugin. Go to
Regenerate Thumbnails Plugin ! to download the plugin and follow
all the required steps. Also, do not forget to adapt the shortcodes.

3.6. Importing the Demo Content

In the Leisure download package you can nd the Demo XML le
(located in the demo content folder) that you can use for a quick
theme set up. Images, videos and sliders are not included in the
XML le.
To import the demo XML le, in the WordPress dashboard go
to Tools > Import and select to install from the list WordPress
Importer. After the installation is complete, select and upload the
XML le. You can nd it in the demo XML le in the demo content
folder at root level in the Leisure download package. in the demo
content folder you will nd three folders: ninja forms, revolution
slider and wordpress xml data, each of them with its relevant demo
content. The process can take up to a few minutes.

After the import process, go to Appearance > Menus and from

the Manage Locations tab, use the Main Menu select box to choose
the Main Menu option. Click the Save Changes button to record the
changes.
After this go to Settings > Reading and from the A static page radio
button, use the Front page select box to choose your home and
the Posts page select box to choose the page for your blog.

Problems Importing the XML File?

Note: If you have a problem loading the XML le, it might be
caused by host limitations. You need to uncheck the Download
images and attachments box to upload only your pages and
posts.

3.6.1. Importing the Demo Contact /

Booking Forms
To import a form used in the demo, you need to go to your
Dashboard and then to Forms > Import / Export and select one of
the demo forms located in the demo content folder, in the ninja
forms folder, which contains all the forms used in the demo.

Available demo forms:

Get in touch with us!
Golf Course Reservation
Playground Reservation
Restaurant Reservation
Room Booking
Tennis Court Reservation
Water Sports Reservation

3.6.2. Importing the Demo Sliders

To import the slider used in the demo, you need to go to
your Dashboard and then to Revolution Slider, click on Import
Slider on the right side of the screen and select the demo slider
located in the demo content folder, in the revolution slider folder,
which contains the slider used in the demo.

Available demo slider:

Home Slider

3.7. How to Update the Theme

Important: Before updating it is important to know that theme
settings and content are not lost during the update process. You
will lose changes to the theme les, if you changed any les. In
order to prevent losing the le changes, we strongly
recommend that you use child themes. Also, we recommend
that you look in the release notes before updating.
The theme update can be done via FTP or via WordPress. Theme
update can be done automatically or manually, depending on the
method you prefer. Both methods are presented below as follows:

3.7.1. Auto-Update
Auto-Update can be done directly from the Themes panel in your
WordPress Dashboard.

Step 1 To do this, you rst need to set-up your Theme Forest

Username & API Key in the special boxes, located at Appearance >
Theme Options > General > Theme Forest Username & API Key.

Step 2 To generate an API key, you need to login to your Theme

Forest account and go to Settings > API Keys. Enter a label (ex:
theme update) and hit the Generate API Key button.

3.7.2. Manual Update

Manual Update can be done via FTP or via WordPress. No matter
what method you choose, you rst need to download the new theme
les from Theme Forest. To download the new les, you need to
follow these steps:
1. Login to your Theme Forest account, go to Downloads and
search for Leisure - Hotel, Resort & Spa WordPress Theme in
your downloads list.
2. Click on the download button and choose the les you wish to
download. You can either download the Installable WordPress
Theme (this consists only of the theme les needed for update)
or the Main Files package.
3. Now, based on your choice of install options, follow the
method you prefer most:

Manual Theme Update via FTP

1. Login to your FTP account and go to Wp-content > Themes.
Delete the old folder called leisure.
2. Unzip the new update previously downloaded. If you
downloaded the Installable WordPress Theme, you will need
only to unzip this le. If you downloaded the Main Files, you
rst need to unzip the Main Files, then you need to
unzip leisure.zip
3. Upload the leisure unzipped folder to your Wp-content >
Themes folder.

Manual Theme Update via WordPress

1. Login to your WordPress dashboard and head over
to Appearance > Themes and deactivate Leisure
2. Delete the old Leisure theme.
3. Upload the new theme le. You can either upload
the Installable WordPress Theme or unzip the Main
Files package and upload the leisure.zip le.
4. After uploading, activate Leisure and you are done!

4. Quick Theme Setup

After installing the theme, the recommended plugins
and the demo content, it is best that you congure
your theme to your desire. Please follow the next
steps for a quick setup:

4.1. Quick Theme Customization

From your Dashboard, head over to Appearance > Customize and
start customizing the theme. Here is a short description of all
sections and elds:

4.1.1. Site Title & Tagline Section

Site Title Enter your site title. Default: Leisure
Tagline Enter your left tagline. Default: [icon icon=mapmarker] ST. ANDREWS, SCOTLAND
Right Tagline Enter your right tagline. Default: [simpleweather days=2 location=Bucharest, Ro units=metric]

4.1.2. Site Logo Section

Logo Upload your logo here. Default: none
Retina Logo Upload your retina logo here. Your retina logo
should be double size than your normal logo. This will ensure
that your logo will look crystal sharp on retina devices. Default:
none

4.1.3. Colors Section

Background Color Choose your background color. Default:

#FFFFFF
Text Color Choose your text color. Default: #667279
Link Color Choose your link color. Default: #363D40
Primary Color Choose your primary color:
Default: #C0392B

4.1.4. Header Image Section

Leisure uses header images. The minimum size for the header image
is 1600 x 400 pixels. By default, the theme has no header image and
uses the link color as background. This is a global setting and will
affect all pages. Alternatively, you can have more images and display
them randomly.
Important: The global header images can be overridden by
Header Slider or by Individual Page Settings.

4.1.5. Header Slider Section

Before being able to set a header slider, you rst need to create /
import one from the Revolution Slider menu. After creating or
importing a slider, select the header slider from the Header Slider
eld. By default there is no header slider set.
Important: If you set-up a header slider, all header images will
be overridden except the individual page settings.

4.1.6. Footer Section

Footer Columns Choose the number of footer columns.
Default: 6
Footer Text Widget #1:

1
2
3
4

[icon icon=map-marker] St Andrews Scotland, United King

[icon icon=phone] +44 (0) 1334 837000
[icon icon=mobile] +44 (0) 1334 837099

Leisure WP - Footer Text Widget #1 hosted with by GitHub

view raw

Footer Text Widget #2:

<img src="http://leisurewp.com/wp-content/uploads/2014/

Leisure WP - Footer Text Widget #2 hosted with by GitHub

view raw

Copyright Text Enter your copyright text. Default:

Leisure - HTML Template. Designed with special care by <

Leisure WP - Footer Text Widget hosted with by GitHub

view raw

4.1.7. Background Image Section

In this section, you can choose to upload a custom background image
for your website. Default: none

4.1.8. Navigation Section

Main Navigation Choose your main navigation. You can
create one from Appearance > Menus. Default: all pages
listing

Secondary Navigation Choose your secondary navigation.

You can create one from Appearance > Menus. Default: none
Enable Main Menu Sticky When you scroll down on a page, a
menu will remain sticky at the top of the page
Enable Search in Main Menu Choose this if you want the
search icon to be placed as a last menu option in you main
navigation

4.1.9. Widgets Section

From this section you can customize the theme widgets.

4.1.10. Static Front Page Section

Front Page Display Choose how your front page should look.
Available choices are: Your Latest Posts or A Static Page.
Default: Your Latest Posts
Front Pages Choose your front page. Default: none
Posts Page Choose your posts page. Default: front-page

5. Theme Options
Before you start to congure the themes options, you
should go to Appearance >Theme Options in the
WordPress Dashboard. Switch to default values by
clicking either the Quick Save button at the top right,
or the Save Options button at the bottom of the
page.

5.1. General Options

In the General section you can congure general options that apply
to all pages such as:
Disable Animations: Use this slider to toggle between an
animated layout or not.
Animations are active by default.
Hide Comments on Pages: The comments are by default active
for pages. Use this slider to toggle the comments for pages. If
you turn the slider on, the comments will be hidden for pages.
Description Excerpt Size: Type in the number of words to be
used in the description excerpt for each article in the blog

listing
Hide Author Box: Check this box to hide the author box for the
blog articles.
Sharing Box Title: Here you can type in the text that will
appear in the box next to the sharing buttons.
Hide Sharing Box on Pages: The sharing box is default for blog
articles. Use this slider to toggle the sharing box for normal
pages. If you turn the slider on, the sharing box will be hidden
for normal pages.
Hide Sharing Box on Posts: Check this box to hide the sharing
box for the blog articles.
Theme Forest Username: Here you can type in your Theme
Forest Username in order to get automatic theme updates.
Theme Forest API Key: Here you can type in your Theme
Forest API Key in order to get automatic theme updates. To
generate an API key you need to login to your Theme Forest
account, and go to Settings > API Keys. Enter a label (ex:
theme update) and hit the Generate API Key button.
Google Analytics ID: Type in your Google Analytics ID.
Google Webmaster Tools Site Verication: Type in the
verication code for the Google Webmaster Tools
Note: Both Theme Forest Username & API Key need to be lled
in to get auto-updates for the theme.

5.2. Header Options

In this section you can customize the website header using the
following options:
Header Height: Here you can choose the height of your
header.
Header Alignment: Here you can choose the menu position.
Text Color: Here you can choose the text color for your header.
Background Color: Here you can choose the color shading for
your header.
Header Opacity: Use the slide bar to drag to the value for the
opacity color shading header. Default is 15.

5.3. Typography
In this section you can customize the typography settings using the
following options:
General Typography: Select the general font family, font style,
font variant and font size for the website.
Include Special Characters: If you wish to use a subset for

special characters you can select one here. Make sure the fonts
you use on the website support these special characters.
H1 Typography: Select the font family, font style, font variant
and font size for the H1 heading.
H2 Typography: Select the font family, font style, font variant
and font size for the H2 heading.
H3 Typography: Select the font family, font style, font variant
and font size for the H3 heading.
H4 Typography: Select the font family, font style, font variant
and font size for the H4 heading.
H5 Typography: Select the font family, font style, font variant
and font size for the H5 heading.
H6 Typography: Select the font family, font style, font variant
and font size for the H6 heading.
Blockquote Typography: Select the font family, font style, font
variant and font size for the blockquotes.
Menu Typography: Select the font family, font style, font
variant and font size for the menu.
Secondary Menu Typography: Select the font family, font
style, font variant and font size for the secondary menu.

5.4. Color Settings

In this section you can choose the general colors for your website
and its elements like Text, Hyperlinks, Headings, Menu, Header,
Social Icons, Absolute Menu, Footer or Absolute Footer.
The Primary Color option will affect major graphical website
elements. You can go to Appearance > Customize for global color
changes.

5.5. Retina & Icons

In this section you can congure the following additional options:
Favicon: Upload an image from your computer to use it as
a 16px * 16px favicon.
iPhone Icon Upload: Upload an image from your computer to
use it as a 57px * 57px icon for iPhones.
iPad Icon Upload: Upload an image from your computer to use
it as a 72px * 72px icon for iPads.
iPhone Retina Icon Upload: If you want to use an iPhone
retina icon, you can upload one here.
The icon needs to be 114px * 114px.
iPad Retina Icon Upload: If you want to use an iPad retina icon,
you can upload one here.
The icon needs to be 144px * 144px.

5.6. Custom Code

In this section you can congure some custom code:
Custom CSS: If you want to use additional code, you can insert
here your custom CSS code.
Code before closing head / body: If you want to use additional
code, you can insert here your custom code, either before
closing the head or the body.

5.7. Backup & Restore

In this section you can Backup & Restore your theme settings.
Export & Import To backup your settings just copy to clipboard
you Export Options eld and paste it somewhere safe. If you want to
restore your options just paste any code previously exported.
Reset Options You can reset your theme options by clicking Reset
Options

6. Setting up the Pages

To create pages for your website you should login to
your WordPress Dashboard and go to Pages > Add
New. It is strongly recommended to use a Page
Template for your pages, as you will take advantage of
the integrated features. For example, a Contact Page
Template will offer customized features for Contact
pages.

Leisure WP Theme comes bundled with Visual Composer a great

and cool method build pages easy, fast and with a lot of features. In
conjunction with the Visual Composer you can use Shortcodes for
different features and CSS Classes for styling.

6.1. Shortcodes
6.1.1. Icon Shortcode
Use this shortcode to display a nice Font Awesome vector, crystal
sharp icon.

[icon icon=home size=2x boxed=yes color=white background=r

ed]

icon All FontAwesome icon names. You can nd the complete

icon list available here:
http://fortawesome.github.io/Font-Awesome/icons/ !
size Choose the size of your icon. Available values are: 2x, 3x,
4x, 5x. Default: none
boxed Choose if you want your icon to be boxed. Available
values are: yes / no. Default: none
color Enter the color name or color hex code for the icon
color. Default: text color
background Enter the color name or color hex code for the
icon background color. Default: none

6.2. Quick CSS Classes

Here is a list of some CSS classes that you can use on your pages to
get the look you are going for.

6.2.1. Text Classes

text-left Aligns the text to the left
text-center Aligns the text to the center
text-right Aligns the text to the right
text-justify Aligns the text by justifying
text-uppercase Converts the text to uppercase
text-lowercase Converts the text to lowercase
text-capitalize Capitalizes the text

6.2.2. Padding Classes

content-padding Adds a top and bottom padding of 56
pixels to the element
content-padding-none Adds a top and bottom padding of 0
pixels to the element
content-padding-xs Adds a top and bottom padding of 32
pixels to the element
content-padding-lg Adds a top and bottom padding of 98
pixels to the element
content-padding-xl Adds a top and bottom padding of 140
pixels to the element
content-padding-xxl Adds a top and bottom padding of 154
pixels to the element
content-padding-mobile-none Adds a top and bottom
padding of 0 pixels to the element on mobile devices

6.2.3. Background Classes

white-box Adds a white background of 85% opacity. It has no
padding by default. In conjunction with classes contentpadding and content-padding-xs it will add top bottom, left,
and right padding of 56 pixels and 32 pixels respectively.
white-box-mobile Adds a white background of 85% opacity
for mobile devices
background-none-mobile Removes any background image
for mobile devices

6.3. Page Templates

When creating a page, you can choose the desired template from the
Page Attributes menu, on the right.
Click on the select box Template to see all the page templates
available:
Default Template
Coming Soon Page
Contact Page
Contact Page 2
Page With Left Sidebar
Page With Left Right
Fullwidth Page
Select the Default Template option if you do not want to use a page
template.

6.4. Setting up the Homepage

Go to Page Attributes > Template > Default Template to select the
template for your homepage. The Leisure - Hotel, Resort & Spa
WordPress Theme comes with a pre-designed layout that can be
used through shortcodes in a exible manner, giving you a lot of
freedom in building your homepage.
If you choose to use the pre-designed layout, you need to copy and
paste the home page demo code into the HTML (Text) Tab editor of
your page. You can see the home page demo code of our predesigned layout below. You can also use the shortcode icons in
the Visual Editor, see chapter Shortcodes for more details.
It is strongly recommended to take a look at the Individual Page
Settings located under the page content area.

6.4.1. Choosing the Home Page

After you create the page, you should congure it as your home
page.
Go to Settings > Reading and click on the A Static Page radio button.
Click the Front Page select box and choose your home page.
The Posts Page select box is where you can choose the page for your
blog.

6.5. Setting up the Blog

Create a new page with a name of your choice and select the Default
Template from the Page Attributes menu, on the right.

6.5.1. Create the Blog Page

Set the page as your blog by going to Settings > Reading and select it
from the Posts Page select box.
After this, you are ready to start populating with blog posts.
To create a new post, go to Posts > Add New, type in a title and
insert the content in the designated eld.

6.5.2. Choosing the Category & Tags

Assign a category to your post using the Categories box on the right.
Click on + Add New Category to create a new one.
You can assign one or more categories to a post by checking the box
next to the Category name.
You can also assign tags by using the Tags box below. Insert the tags,
separated with commas, in the dedicated eld and click on Add.

6.5.3. Setting up a Featured Image

To set a Featured Image for your blog post click on Set featured
image in the Featured Image box, below Tags. Choose an image from
the Media Library or upload a le from your computer and click on
Set featured image.
It is strongly recommended to take a look at the Individual Page
Settings located under the page content area.
After you are happy with the title, post content, categories, tags,
featured image and everything else, click Publish and your post will
appear on your blog page.

6.6. Setting up the Contact Page

Create a new page with a name of your choice and select the Contact
Page Template, from the Page Attributes menu on the right. You can
choose the desired template from Contact Page Template.

6.6.1. Contact Details

Under the contact page content area you can congure the Contact
Details using the following options within the Individual Page
Settings Box:
Side Content: The Side Content is the secondary column of the
contact page. You can insert content just like for the main page.
Map Coordinates Latitude / Longitude: Enter the latitude and
longitude coordinates so the map will show your desired
location.
Map Type: Choose one of the four map types available. Default
is set to roadmap.
Map Height:Enter the height of the map in pixels. Default is set
to 500.
Map Level Zoom: Enter the zoom level of the map. Default is
set to 15
It is strongly recommended to take a look at the Individual Page
Settings located under the page content area.

6.7. Visual Composer

Visual Composer is a very unique plugin, it will help
you manage your content for the WordPress sites
and create stunning layouts, in a few minutes, without
coding. Nowadays, many websites have complex grid
layouts with columns, tabs, sliders etc. In the past, to
create that type of layouts you had to be a HTML
guru or a Shortcodes operator ninja.

But not anymore! We have prepared a short video to

get you up and running in no time. See for yourself
how easy it is to create and manage complex layouts
combined with professionally designed plugins made
easy!
Visual Composer Documentation

Curly Themes Visual Composer Extension

The Curly Themes Visual Composer Extension consists in bringing
more options to the existing elements and register new
elements that are located in the Curly Themes Extension tab, in the
elements window. We have enhanced Visual Composer by
eliminating some elements and parameters and added new ones.

The extended elements are: Row, Image Gallery, Image

Carousel, Tabs, while the new elements are: Services
List, Testimonials Carousel, Services Carousel, Isotope
Grid, FontAwesome Icon, Booking Form, Ninja Form, Ninja Modal
Form.

6.8. Revolution Slider

Create a responsive (mobile friendly) or fullwidth

slider with must-see effects while meanwhile
keeping or building your SEO optimization (all
content always readable for search engines). See
the heaps of custom transitions/animations for
each object on the page! Customize this slider with
our convenient drag&drop backend to your very
needs.
This plugin features tons of unique transition effects,
an image preloader, video embedding, autoplay that
stops on user interaction and lots of easy to set up
options to create your own effects.
Revolution Slider Documentation

6.9. Ninja Forms

Ninja Forms is the ultimate FREE form creation
solution for WordPress. Build WordPress Forms
within minutes using Ninja Forms powerful forms
creation page. It allows you to easily and quickly
design complex forms through a drag and drop
interface and absolutely no code. But for you
developers it has a ton of hooks and lters so you can
do absolutely anything with this powerful form
building framework.

Using Ninja Forms

FAQ & Troubleshooting

Installing/Updating Ninja Forms and Extensions !

Notications (New In Version 2.8)
Settings

Shortcodes

About Support

6.10. Ninja Forms Extension

We have extended the great Ninja Forms plugin by adding new
features so that you will enjoy using it more. If you are looking for
even more extensions for Ninja Form they have a very cool extension
marketplace, that you can visit here:
Ninja Form Exntesions Marketplace !

6.10.1. Ninja Forms Layout Tab

We have created a new tab called Form Layout available for each
form. In this tab you can very easily arrange your form elds on up to
four columns. It works very simple. To arrange your form you need to
follow the next steps:
Step 1 Each eld has a sizing box on the right side of the box. Sizing
works like this:
1/1 is a full width box
1/2 is a half width box. Two 1/2 boxes will have room next to
each other
1/3 is a one third width box. Three 1/3 boxes will have room
next to each other
2/3 is a two thirds width box. One 2/3 box will have room next
to a 1/3 box
1/4 is a one quarter width box. Four 1/4 boxes will have room
next to each other. Two 1/4 boxes will have room next to a 1/2
box
2/4 is a two quarters width box. Same size as the 1/2 box
3/4 is a three thirds width box. One 3/4 box will have room
next to a 1/4 box

Step 2 Drag the elds around to arrange them how you want. Make
sure they t next to the items you want to place them

6.11. Simple Weather

Simple Weather is a beautiful weather plugin that displays the
weather via shortcode or via widgets. Add a simple but very useful
feature to your website with this stylish plugin. Your visitors will
know right away how to plan their schedule, happy to know the
weather is on their side. Simple Weather is based on
OpenWeatherMap.org.

6.12. Weather Shortcode

[simple-weather location="London, Uk" latitude="" longitud
e="" days="2" night="no"
units="internal" date="l" ]

Location: Choose the location for the weather display

Latitude & Longitude: Coordinates of a location that cannot be
found by name. Use decimal coordinates (ex: 43.343 &
12.4543)
Days: Choose the number of days to forecast. Max 14

Night: yes / no. Choose to display the night temperature or not.

Units: imperial / metric / internal. Default is internal (auto).
Imperial = F, Metric = C
Date: Date format according to:
http://php.net/manual/ro/function.date.php

6.13. Weather Widget

Title: Choose widget title. If no title is entered, the location of
the weather will be displayed.
Location Type: Choose the location type. Location /
Coordinates
Location: Choose the location for the weather display
Latitude & Longitude: Coordinates of a location that cannot be
found by name. Use decimal coordinates (ex: 43.343 &
12.4543)
Units: imperial / metric
Days: Choose the number of days to forecast
Language: Choose the language of the weather description (ex:
Mostly Cloudy)
Background Color: Choose the background color of the widget
Text Color: Choose the text color of the widget
Available languages: English, Spanish, Italian, French, German,
Russian, Ukrainian, Portuguese, Romanian, Dutch, Polish, Finnish,
Turkish, Bulgarian, Swedish, Chinese Traditional, Chinese Simplied

7. Individual Page Settings

The Individual Page Settings box is a collection of
features that take customization to a new level. Our
Individual Page Settings box consists of: Contact
Details, Page Title, Header Options and Background.

7.1. Contact Details

Under the contact page content area you can congure the Contact
Details using the following options within the Individual Page
Settings Box:
Side Content: The Side Content is the secondary column of the
contact page. You can insert content just like for the main page.
Map Latitude & Longitude: Enter the latitude and longitude
coordinates so the map will show your desired location.
Map Type: Choose one of the four map types available. Default
is set to roadmap.
Map Height:Enter the height of the map in pixels. Default is set
to 500.
Map Level Zoom: Enter the zoom level of the map. Default is
set to 15

7.2. Page Title

Under your page content area you can congure the Page Title using
the following options within the Individual Page Settings Box:
Page Subtitle: Enter the page subtitle. Default: none
Hide Page Title: Choose to hide the page title. Default:
unchecked
Header Alignment: Choose how to align the header. Default:
left
Page Title Color: Choose the page title color. Default: theme
default (white)

7.3. Header Options

Under any page or post content area you can congure the Header
Options using the following options within the Individual Page
Settings Box:
Header Image Choose your custom header image. Default:
global image / slider
Header Slider Choose your header slider. This will override
any other header setting. Default: none
Header Height Choose the header height. Available options
are:
Default Theme default height. Default: 370px
Match Image Match the header image height

Match Slider Match the header slider height

Fixed Height Fixed height
Fixed Header Height Choose the header height
Header Background Color Choose the header background
color
Header Background Color Opacity Choose the background
color opacity
Note: Customization made in this section will only be applicable
to this specic page or post. This option will override the
general website header options

7.4. Background Options

Under any page or post content area you can congure
the Background Options using the following options within
the Individual Page Settings Box:
Background Color - The background color for your page / post
Background Image The background image for your page /

post
Background Position The background image position;
accepted values are standard CSS3 values; See details about
CSS3 Background Position !
Background Repeat The background image repeat method;
accepted values are standard CSS3 values; See details about
CSS3 Background Repeat !
Background Size The background image size; accepted
values are standard CSS3 values; See details about
CSS3 Background Size !
Background Attachment The background attachment
attribute; accepted values are standard CSS3 values; See
details about CSS3 Background Attachment !
Note: Customization made in this section will only be applicable
to this specic page or post. This option will override the
general website background options

8. Setting up the Sidebars

The Leisure theme offers you the possibility to create

as many custom sidebars as you want, on any page, as
long as the page template allows sidebars.

All blog posts + blog pages support a sidebar. Also, Page with Left &
Right Sidebar support a sidebar. To apply a sidebar to a page, go to
the Sidebar Box, below all the other meta boxes, and use the select
box to choose the desired sidebar.
You can create a sidebar by going to Appearance > Sidebars and
clicking on the + Add New Sidebar button. Type in the sidebar name
and click OK to save it. Next, you need to add widgets in the sidebar
by going to Appearance > Widgets. The sidebar will appear on the
right and you can drag and drop widgets from the left into the
sidebar.
If you want to learn more about widgets, read section Widgets. Once
you are done editing the widgets, you can add the sidebar to the
desired page.

9. Setting up the Menus

The Leisure theme allows you to create custom
menus, with up to three levels sub-menus depth. The
menus can be used in twowebsite areas: main menu
and secondary menu. If you have imported the demo
data, see chapter Import XML Demo Data for more
details.

It is recommended to create the pages, even if they are blank pages,

before creating a new menu. Next, go to Appearance > Menus, click
the + Tab, type in a name for your menu and click on the Create
Menu button. You can add pages to the menu by selecting them from

the Pages box on the left. You can also use the Custom Links box to
add pages by typing in the page URL and in the Label eld the pages
name in the menu.
You can manage the menu structure by dragging and dropping pages
in the menu box. To send a menu item a level deeper, drag the item
below and slightly to the right of another menu item, that will
become its parent section. After you are happy with your menu, from
the Theme Locations Box, use the Main Menu select box to choose
the new menu. Click the Save button to record the changes.

9.1. Setting up the Secondary

Navigation
Leisure WP Theme has a nice Secondary Menu available throughout
the site. The Secondary Menu is placed immediately below the main
menu and is a beautiful 2 levels menu. Each of the level 1 menu items
have the ability to have a nice big background picture for its
children. You can set this background by clicking on the Choose
Image link:

Also you may want to click Screen Option on the upper right corner
of the screen and then check Description; this will allow you to place
a second row of text below each menu title.

10. Plugin Integration

The Leisure theme is a modern state of the art theme,
ready for the most popular 3rd party plugins. Design
elements have already been set up. You only need to
install the plugin and it will be integrated in the
website by default. Leisure - Hotel, Resort & Spa
WordPress Theme is perfectly adapted for popular
plugins like:

10.1. WooCommerce
The most popular, easy to use plugin for e-commerce. All e-shop
pages are adapted to the Leisure theme. To learn how to install the
Woocommerce plugin go to WooCommerce ! and follow the
detailed instructions.

10.2. Contact Form 7

The simple but exible plugin for contact forms. All contact forms
are perfectly integrated in the Leisure theme, the graphics will look
great and natural. Go to Contact Form 7 ! to learn how to install
the Contact Form 7 plugin and other detailed information.

10.3. All in One SEO & Yoast SEO

Leisure theme is fully adapted to integrate popular SEO plugins like
All in One SEO and Yoast SEO to help you boost your website
rankings. Learn how to install All in One SEO Pack ! and
Yoast SEO

10.4. Translation with WPML

The WordPress Multilingual Plugin is the most popular language
localization plugin. Leisure theme has custom design elements
integrated for the WPML plugin. Learn more about the WPML
plugin by visiting the ofcial website at WPML !

10.5. WP-PageNavi
You can use the WP-PageNavi plugin for a more advanced paging
navigation interface. After installing it, the Leisure theme will
automatically replace the default options with the WP-PageNavi
options, no programming needed. Go to WP-PageNavi ! to learn
how to install the WP-PageNavi plugin and other detailed
information.

10.6. Breadcrumb NavXT

Use the Breadcrumb NavXT plugin to change the breadcrumbs
design of the theme. After installing it, the Leisure theme will
automatically replace the default options with the Breadcrumb
NavXT options, no programming needed. Go to
Breadcrumb NavXT ! to learn how to install the Breadcrumb
NavXT plugin and other detailed information.

10.7. MailChimp
Use the Mail Chimp plugin to activate the newsletter on the bottom
right of the screen. After installing it, the Leisure theme will
automatically apply the styles. Go to Mail Chimp ! to learn how to
install the Mailchimp plugin and other detailed information.

10.8. bbPress

Use the bbPress plugin to add new community features to your

theme. bbPress is a forum software with a twist, from the creators of
WordPress. Makes setting up discussion forums inside your
WordPress.org powered site an easy job. Go to the
bbPress website ! to learn how to install and use bbPress.

11. CSS & JS Files

CSS Files: You can nd below a list with all the CSS les located
at Leisure > CSS. If you want to insert your own custom CSS code,
you can use the Custom CSS eld, located at Appearance >
Theme Options > Advanced Options. Do not make changes to the
CSS les below. A theme update will overwrite all changes made.
Insert all your custom CSS only in the Custom CSS eld. It will
override the all.css le and the changes will not be affected by an
update.
Javascript Files: You can nd below a list with all the Javascript les
located at Leisure > JS. It is strongly recommended to avoid making
any changes. If you consider you have the necessary knowledge and
wish to edit them, we strongly recommend making a copy before.

12. Child Theme

A great solution to keep all your customized options safe when
updating is to create a child theme. In short, this is a WordPress
theme, running alongside the original theme, with some
customization overriding some original functions, without altering
the original theme itself in any way.
You can create a child theme by uploading the leisure-child folder
(unzip from download package) next to the leisure folder in the wpthemes folder.

Customizations made in the child theme folder will override the

original theme. Files with the same names from the child folder will
override the same les from the original theme. (ie. header.php in
leisure-child will completely override header.php from leisure)
If you want to learn more about the child theme customization,
please follow this link ! to read a comprehensible article.

13. Translating the Theme

The most comfortable and safe way to translate your
theme is by using the popular WPML plugin.
Install WPML Translation Plugin !
If you choose to translate your theme without any translation plugin,
the rst thing you should do is to download and install Poedit ! .
Alternatively you can translate your theme without any external
software, just by installing the Codestyling Localization ! Plugin.

13.1. CodeStyling Translation

The easiest way to translate your theme is by installing the
Codestyling Localization ! plugin. Install and activate the plugin
and go to Tools > Localization (shown in your language), then follow
the instructions ! on how to translate the theme.

13.2. Poedit Translation

To translate the theme using Poedit you need to follow the next
steps:
Open the en_EN.po in Poedit
Save as your new language. The lename of your .po is crucial.

Gettext uses the ISO 639 standard for language abbreviations

and ISO 3166 for locales. If your translation is written in
American English for example, your le name will look like enUS.po. Capitalization is also important here. For a full list of
language and country codes, check out these two links:
Gettext language codes ! and Gettext country codes !
Once you save, POEdit by default automatically creates a .mo
le alongside your .po le. It is recommended to keep both les
together.
Place the .mo and .po les in the languages folder located in the
Leisure folder

13.2.1. Setting up the translation in

WordPress
The nal step is to tell WordPress which translation le to use for
your website. To do so you need to edit wp-cong.php located in the
root folder of your WordPress installation. When you open the wpcong.php le it should look like this:

/**
* WordPress Localized Language, defaults to English.
*
* Change this to localize WordPress. A corresponding MO fi
le for the chosen
* language must be installed to wp-content/languages. For
example, install
* de_DE.mo to wp-content/languages and set WPLANG to 'de_D
E' to enable German
* language support.
*/
define('WPLANG', '');

Your le should already contain dene(WPLANG, ); but if it does

not, you can add it in. You simply need to add your language and
locale code into the dene.If you were to translate your theme into
German, you would have this:

define('WPLANG', 'de_DE');

For more details about WordPress localization please visit the

WordPress Codex: WordPress in Your Language !

Last Documentation Update: Wednesday, October 8, 2014