Introduction

Thank you for purchasing lemonspa WordPress Theme. Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information, and provide you with all the details you need know to use lemonspa Theme.

If you are unable to find your answer here in the documentation, please contact us on our Support Forum or directly from our themeforest account

What is included in the price?

• lemonspa WordPress Theme
• Lifetime Updates
• Theme Documentation
• Premium Plugins
• Premium Plugins documentations
• Premium Support - To our support forum.

Please don't forget to rate lemonspa with 5 stars and leave a nice review, it means a lot to us.
Simply log in into your Themeforest, go to Downloads section and click 5 stars next to the lemonspa WordPress theme.

Thanks!
Bearsthemes Team

Theme Required

Recommended server configuration limits are as follows:

• memory_limit     256M
• post_max_size     64M
• upload_max_filesize     64M
• max_execution_time     1500
• max_input_time     1500
• max_input_vars     1500
• php_version     5.6
• mysql_version     5.6

You can verify your PHP configuration limits by installing a simple plugin found here. If you still cannot resolve the 500 error, talk with your web hosting support.

Theme Installation via WordPress

When you download the theme from Themeforest, you will get an archive file in .zip extension.
You need to unzip that archive. When done, you should see lemonspa.zip (zip file name can be changed from version to version).

Please, follow the steps below to install lemonspa Theme.

Step 1 - Login to your WordPress Dasrdoard.

Step 2 - Go to Appearance > Themes. Click Add new button, located at the top of the screen or Add new theme ( see screenshots below ).

Step 3 - Click on Upload button at the top of the screen.

Step 4 - Choose lemonspa.zip.

Step 5 - Wait while the theme is uploaded and installed then activate the theme.

Theme Installation via FTP

If you are going to install the theme using FTP, you will need an FTP Client, such as FileZilla.

When you download the theme from Themeforest, you will get an archive file in .zip extension.
You need to unzip that archive. When done, you should see lemonspa Folder(folder name can be changed from version to version).

Please, follow the steps below to install the theme via FTP:

Step 1 - Log into your hosting space (server) via FTP client.

Step 2 - In extracted archive folder, find lemonspa folder

Step 3 - Upload the lemonspa folder to your server in path .../wp-content/themes/.

Step 4 - The uploaded path should be like this: .../wp-content/themes/lemonspa/

Step 5 - Login to your WordPress Dasrdoard and go to Appearance > Themes and activate the lemonspa Theme.

Setting up the Demo Content

1. One Click Importer Demo Data

Step1: Register license

Step2: One Click Import Demo Data

Step3: Video tutorial import demo lemonspa Theme

2. Video tutorial Setting Mobile menu lemonspa5

3. Video tutorial setting widget

Error or Problem with Import of the Demo

If you have problems importing the demo ( example : infinite loading, error 505 with when using wordpress importer ) then you may have a problem with the server settings. Please create ticket in Support Forum.

Site Identity

Step 1 - Login to your WordPress Dasrdoard.

Step 2 - Go to Appearance > Customize .

Step 3 - Choose which part of the theme you want to modify.

Customizing Site Identity:

- Site Title

- Tagline

- Site Icon: Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps. Upload one here! Site Icons should be square and at least 512 × 512 pixels.

menu

Displays the current menu, add new menu, edit menu and select main menu:

Logo

Customizing Logo

+ Select the logo type:

- Text:

-- Setting Title:

-- Setting Subtitle:

- Images:

Header

Customizing Header

- Header Type: Select the prefered header type

- Transform Header Mobi: Select the website width transform header mobi in px

- Header Padding: Top + Bottom

- Background Color: Select header background color

- Dropdown Bg Color: Select the dropdown background color

- Menu Position: Select the menu position

- Header Full Content: Make the header full content?

- Absolute Header: Make the header position absolute?

- Sticky Header: Make the header sticky?

- Image Logo Sticky: Upload logo image

- Header Sticky Padding: Top + bottom

- Background Color: Select the header's top bar background color and Select the header background opacity

- Menu Item Color: Select the menu items color (level 1) and Select the menu items color hover (level 1)

- Header Top Bar: Enable the header top bar? and Select the header's top bar background color

- Sidebar List:

- Add sidebar you want display: left + right header top bar

Title Bar

Customizing Title Bar

- Title bar Spacing: top + bottom

- Title Bar Image Background: Upload a title bar image, Select the background color, Select the horizontal background position, Select the vertical background position and Select the background size.

- Parallax Effect: Create a parallax effect on scroll? and Select the parallax speed.

- Overlay Color: Enable image overlay color?

- Content Align: Select the content align

- Overlay Color: Enable image overlay color?

- Content Align: Select the content align

- Title: Change the style / typography of the title -> Styling

- Description: Change the style / typography of the description -> Styling

- Breadcrumbs Typography: Change the style / typography of the breadcrumbs -> Styling

Footer

Customizing Footer

- Footer Widgets: Show footer widgets?

- Footer Sidebar List: Add sidebar you want display

- Background: Select the background for your widget area and Select the background color

- Titles Color: Select the footer widgets titles color

- Body Text Color: Select the footer widgets body text color

- Copyright: Please enter the copyright text

- Position: Select the copyright position

- Spacing: top + bottom

- Background Color: Select the copyright background color

Colors

Customizing Colors

- Color Palette

- Links Color: normal state and hover state

- Buttons Color: normal state and hover state

Typography

Customizing Typography

- Body Text

- Buttons

- Extra Typography: Add your typography from google/font

- H1-H6 Tag: h1-h2–h3–h4–h5–h6

- Header:

- Footer:

Create Portfolio post

Add Portfolio Items

How to add Portfolio item to showcase your work.

Portfolio Post Setting

We will explain you how to post setting.

Add Portfolio Items

Step 1 - Log in to your WordPress Administration Panel (Dasrdoard).

Step 2 - Click the 'Portfolio' tab.

Step 3 - Click the 'Add New Portfolio Item' sub-tab.

Step 4 - Start filling in the blanks: enter your portfolio title in the upper field, and enter your portfolio body content in the main post editing box below it.

Step 5 - Add tag(s) to your item, the tags will be used as a filter on Portfolio Template pages.

Step 6 - Upload a featured image for your portfolio item then publish it.

Post Setting

Step 1 - Scroll down until you see the Portfolio Settings.

Step 2 - After finishing, Update your Post

Showing Portfolio Items

To you show your portfolio items you need to create a Portfolio page. Click here to check how create a portfolio page.

Create Portfolio page

Follow the steps bellow to understand how to create a portfolio page.

Create Portfolio page

Step 1 - Log in to your WordPress Administration Panel (Dasrdoard)..

Step 2 - Click on Pages > Add New.

Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).

Step 4 - Click on the Add Element button

Step 5 - Select the Portfolio module.

Step 6 - The Portfolio Settings should appear. You can customize the Portfolio by modifying the settings

Step 7 - After finishing, Publish the page.

Create Team Post

Add Team Items

How to create your team post.

Add Team Items

Step 1 - Log in to your WordPress Administration Panel (Dasrdoard)..

Step 2 - Click the Teams > Add New.

Step 3 - Fill the title field with the team name, add a Group and Filter category if needed.

Step 4 - Add a featured image, it will represent your team member's image.

Step 5 - Scroll down until you see the Team Settings.

Showing Teams

You need to use the Team module in order to list your teams.
Check the team module page for more information

Create Team page

Create Team page ( standard )

We will explain how to create a team page.

Create Team page ( carousel )

We will explain how to create a team page using Carousel.

Create Team page ( standard )

Step 1 - Log in to your WordPress Administration Panel (Dasrdoard)..

Step 2 - Click on Pages > Add New.

Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).

Step 4 - Click on the Add Element button

Step 5 - Select the Team module.

Step 6 - The Team should appear. You can customize the Team by modifying the settings

Step 7 - After finishing, Publish the page.

Create Team page ( carousel )

Step 1 - Log in to your WordPress Administration Panel (Dasrdoard)..

Step 2 - Click on Pages > Add New.

Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).

Step 4 - Click on the Add Element button

Step 5 - Select the Team Carousel module.

Step 6 - The Team Carousel should appear. You can customize the Team Carousel by modifying the settings

Step 7 - After finishing, Publish the page.

Create Orther posts & Page

Please do it same post or portfoio or team.

Page Options

For each page you can change the title style, title background color, select to use a slider and much more! Check the screenshot and read the documentation to see how it works

Revolution Slider

lemonspa theme includes the premium plugin - Revolution Slider.
Once you've installed and activated the Revolution Slider plugin, you will then see the menu item appear at the bottom of the WordPress menu, as below:

Documentation

You can import the revolution slider we used in our demo, all slider are in the slider folder. To learn more about the Revolution Slider plugin please read the Plugin documentation

Widgets

Widgets

lemonspa theme comes with Custom widget created specially for the theme.
To set the Widget go to Appearance > Widgets.

Additional Links:

WordPress Widgets - Codex

Use Page Builder

Activate Page builder

We will explain how to active the Visual Composer.

Add and modify Row Layout

We will explain how to add Row and change Row layout works.

Edit Element

We will explain how to edit element.

Duplicate Element

We will explain how to duplicate element.

Remove Element

We will explain how to remove element.

About Row / Column / Custom heading / Text Block Design options

We will explain how to edit design options to make your page looks beautiful.

Official Plugin Documentation

For More information about the Visual Composer check the official documentation.

Activate Page builder

Step 1 - Log in to your WordPress Administration Panel.

Step 2 - Click on Pages > Add New.

Step 3 - Click on Backend Editor.

Add and modify Row Layout

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon) to Edit the Row element ( in our example we use row with 3 columns filled with text block )

Step 4 - To change the Row layout ( number of columns ) you need to click the second Icon from the left then select a layout or custom to make your own

Edit Element

Pencil Icon - To Edit Row, Column or Module you need to click the Pencil icon.

Duplicate Element

Pages Icon - To Duplicate Row or Module you need to click the Pages icon.

Remove Element

Trash Box Icon - To Remove Row, Column or Module you need to click the Trash Box icon.

About Row / Column / Custom heading / Text Block Design options

Design Options - When you edit row / column / custom heading / text block module, you can edit the design options . Row / Custom Heading / Text Block element have a default Bottom Margin of 35 pixel, you may want to set it to 0 if you don't want to have bottom space It is Good to add bottom Padding to your Column, so they will looks good on mobile Left and Right Margin should NEVER be modified, please left blank For Row module the Left and Right Padding should also NEVER be modified, please left blank

Create Full width Section

We will explain how to create a full width content section.

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon)

Step 4 - Change the Type setting to Full width content then click Save changes

Set Background Section

Fixed Section

We will explain how to create Fixed Section

Parallax Section

We will explain how to create a Parallax Section

Video Section

We will explain how to create a Video section.

Fixed Section

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon)

Step 4 - Click on Design Options ADD padding and REMOVE margin for better result, add a Background Image change to Cover and then Saves changes

Step 5 - Seclect background overlay and Enable background fixed in this row.

Step 6 - Update or Publish your page and you should now have a section with background fixed

Parallax Section

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon)

Step 4 - Add parallax type background for row (Note: If no image is specified, parallax will use background image from Design Options).

Step 5 - Click on Design Options ADD padding and REMOVE margin for better result, add a Background Image change to Cover and then Saves changes

Step 6 - Update or Publish your page and you should now have a section with parallax background

Video Section

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon)

Step 4 - If checked, video will be used as row background.

Step 5 - You can edit the Design options ( remove margin and add padding "optional" ) and then Saves Changes and Update / Publish your page. You should now have a Full width Section with Video

Set your Homepage

Step 1 - Go to Settings > Reading in your WordPress Dasrdoard panel.

Step 2 - Set "Front page displays" to a "Static Page".

Step 3 - In the drop down menu for "Front Page" choose a page which will be your home page.

Step 4 - Leave the drop down menu for "Posts page" empty, as this is not used by the theme.

Step 5 - Save changes.

How to Create One Page

Set the One page sections ID

First we will explain how to create the page

Set the menu for the One page

We will explain how to set the menu needed for your one page.

Set the One page sections ID

Step 1 - Go create or edit a page : Page > Add new.

Step 2 - Select the Row Module

Step 3 - Click on the Edit This Row (pencil icon)

Step 4 - Set an ID for the row, You need to use the Same ID when you create the Menu

Step 5 - Repeat the step 3 and 4 for all the row you want to link for the Menu

Step 6 - Update or Publish your page then go create the Menu needed for your page to work

Set the menu for the One page

Step 1 - Login to the WordPress Dasrdoard.

Step 2 - From the 'Appearance' menu on the left-hand side of the Dasrdoard, select the 'Menus' option to bring up the Menu Editor.



Step 3 - Select Create a new menu at the top of the page.

Step 4 - Enter a name for your new menu in the Menu Name box.

Step 5 - Click the Create Menu button.

Step 6 - Click on Custom Links and add the div ID you used in you page ROW ( example if you set row id to : the_portfolio you need to set the custom link to #the_portfolio ).

Step 7 - Repeat and add custom link for each section you want to link, then set the menu as One Page menu(Edit page and scroll down until you see the Page Options).

WooCommerce

lemonspa themes is 100% compatible with the WooCommerce plugin for WordPress. It includes full design integration of the WooCommerce pages, shortcodes and widgets.

If you want to use Woocommerce you will have to install the plugin, to do so go to Plugins > Add New , search for Woocommerce.
The Plugin you need to install is WooCommerce - excelling eCommerce by WooThemes

For full documentation visit the following websites:

• WooCommerce Plugin Page
• WooCommerce Documentation
• WooCommerce Community Forums
• WooCommerce Builtin Shortcodes

Theme Update via WordPress

Updating the theme via WordPress is very similar to the install process via WordPress.
Follow the steps below to update your theme via WordPress:

Step 1 - Log into your WordPress Dasrdoard.

Step 2 - Go to Appearance > Themes.

Step 3 - Deactivate the lemonspa Theme by simply activating a different theme. Once you activate a different theme, you can delete the lemonspa theme.

Step 4 - Delete the lemonspa Theme. Do not worry, your content will not be lost!

Step 5 - Then simply upload the new “lemonspa.zip” file in the Appearance > Themes section. Click on the Install Themes tab at the top and choose to upload the zip file. You have this step explained in section: Theme Installation via WordPress.

Theme Update via FTP

Updating the theme via FTP is very similar to the install process via FTP.
Follow the steps below to update your theme via FTP:

Step 1 - Go to .../wp-content > themes location on your server using a FTP client and backup your "lemonspa" theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.

Step 2 - Download the new version of lemonspa theme from your Themeforest and retrieve lemonspa folder by unpacking the zip that you download from Themeforest and lemonspa_(version.number).zip.

Step 3 - Then simply drag and drop the new "lemonspa" theme folder into .../wp-content > themes location. Choose to “Replace” the current one if you did not delete it.

Step 4 - Log into your WordPress Dasrdoard, go to Appearance > Themes and activate the new lemonspa theme.

Speed Optimization

If you think your website takes too much time to load maybe you should.

1. Install a Cache Plugin for WordPress. We recommend W3 Total Cache.
2. Install an Image Compress Plugin. We recommend WP Smush It.
3. Install a Database Optimizer Plugin We recommend WP Optimize
4. Reduce the number of posts on the page
5. Reduce the number of unnecessary plugins.
6. Use more icons and less images.