- Introduction
- Installation
- Theme Required
- Theme Installation via WordPress
- Theme Installation via FTP
- Setting up the Demo Content
- First Steps
- Site Identity
- Menu
- Logo
- Header
- Title Bar
- Footer
- Colors
- Typography
- How To
- Use Page builder
- Create Full Width Section
- Set Background Section
- Create One Page
- Revolution Slider
- Widgets
- Set Up WooCommerce ( eShop )
- Useful
- Theme Update via WordPress
- Theme Update via FTP
- Speed Optimization
- Changelog
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:
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:
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.
- Install a Cache Plugin for WordPress. We recommend W3 Total Cache.
- Install an Image Compress Plugin. We recommend WP Smush It.
- Install a Database Optimizer Plugin We recommend WP Optimize
- Reduce the number of posts on the page
- Reduce the number of unnecessary plugins.
- Use more icons and less images.