In this document you will find detailed information on how to use this theme.
If you don't find the answers to your questions in this help file, please send me a message via the item support tab. This theme includes 6 months support from purchase date, with options to extend.
I will do my best to assist with questions directly related to the theme set up however before you contact me, please consider finding an answer to your question in:
If you like LEMONCHILI and want to support my work please rate it on Themeforest!
Thank you!
Please make sure that you are using the latest version of Wordpress before you install LEMONCHILI.
There are 2 ways to upload the theme:
|
![]() |
Once the plugins are installed, you need to activate them.
To help you get started, you can import the demo content and settings to your site (images are replaced with dummy images).
It is very important that you install and activate all required and recommended plugins before you install the demo content.
You can do that in Appearance > Install Plugins.
Importing the demo content requires the One Click Demo Import plugin, which can be installed in Appearance > Install Plugins as well.
Once the plugin is installed and activated, go to Appearance > Import Demo Data and click the Import Demo Data button.
After you import the demo data, you will have to setup the slider and menu pages separately:
More detailed instructions on how to work with the WordPress menu can be found in the WordPress Codex
The theme comes with the following custom page templates:
How to use a template:
NOTE!: The Slider will only display on the page that is using the "Home" template. Please make sure you are following all the instructions in the documentation under "Setting up the Homepage" (especially step 6!)
NOTE!: If you are getting the 404 Error when clicking on a gallery item on the gallery page or in the gallery widget: Simply go to Settings > Permalinks and click "Save Changes".
<label> Name</label> [text* your-name] <label> Email</label> [email* your-email] <label> Message</label> [textarea your-message] [submit "Send"]You can find more info on how to work with Contact Form 7 in the Contact Form 7 Docs.
[one_third]
<h6 style="text-align: center;">LOCATION</h6>
<p style="text-align: center;">317 Pacific Coast Highway
Huntington Beach, CA 92648</p>
[/one_third]
[one_third]
<h6 style="text-align: center;">TABLE BOOKING</h6>
<p style="text-align: center;">(056) 333-4555
booking@lemonchili.com</p>
[/one_third]
[one_third_last]
<h6 style="text-align: center;">GET DIRECTIONS</h6>
<p style="text-align: center;">Open <a href="http://goo.gl/maps/976LC" target="_blank"> Google Maps </a></p>
[/one_third_last]
The Customizer can be found under Appearance > Customize.
All changes that you make in the Customizer may be previewed before saving them.
The following options can be found in the Customizer:
The Theme Options can be found under Appearance > Theme Options.
The following options can be found in the Theme Options Panel:
LEMONCHILI comes with a fully widgetized homepage.
Simply go to Appearance > Widgets to drag and drop any widgets into the Sidebar Home.To add, remove, or edit your sidebar widgets, go to Appearance > Widgets.
On the left, you will see a list of the available widgets to choose from.
To add a widget to your home sidebar, simply drag & drop a widget from the left into the Sidebar Home on the right.
LEMONCHILI includes 7 custom widgets:
Using shortcodes is very easy. To use one, create a new post (or edit an existing one), and in the the editor type a shortcode in brackets. You can find a demonstration and the code for all included shortcodes on the Shortcodes page.
[button link="http://www.someURL.com"]Click me![/button]
[tabs]
[tab title="Tab 1"] Tab 1 content [/tab]
[tab title="Tab 2"] Tab 2 content [/tab]
[tab title="Tab 3"] Tab 3 content [/tab]
[/tabs]
[toggle title="Toggle title"]
Hidden content
[/toggle]
[dropcap] First Letter [/dropcap]
[highlight1] highlighted text [/highlight1]
[highlight2] highlighted text [/highlight2]
[pullquote_left] Quote text [/pullquote_left]
[pullquote_right] Quote text [/pullquote_right]
LEMONCHILI includes the "Fontawesome" icon font.
This is how you add an icon to posts, pages, text widgets, widget titles:
<i class="fa fa-heart"></i>
<i class="fa fa-heart fa-5x" style="color: #aaa;"></i>
[fa-heart]
IMPORTANT!
Version 4.0 is a major update to make the theme compatible with the latest WordPress Requirements for Envato Market, to make the theme safe, update the code to the latest coding standards and add new features and design options.
Most every file had to be changed in the process.
Please BACKUP your site before updating!
Below the main changes are listed:
Fixed:
Improved:
Added:
Moved:
Removed
The following CSS files are included in the theme:
Style.css (located in: main direction)
Contains: Foundation for the site design. It controls the design structure of the theme.
I don't recommend making changes directly to this file, as those changes would be lost once you update the theme.
Instead, create a copy the the code that you wish to change and paste it into WordPress dashboard > Appearance > Customize > Additional CSS
and make your changes there.
The file is separated into the following sections:
- CSS RESET
- MISC
- TYPOGRAPHY
- LAYOUT
- NAVIGATION
- FOOTER
- WIDGETS
- IMAGES
- PAGINATION
- COMMENTS
- FORMS
- ACCESSABILITY
- RESPONSIVE LAYOUT
1. Tablet Portrait
2. Mobile (Landscape)
3. Mobile (Portrait)
dynamic-css.php (located in: /css)
Contains: Link color, Background image and color, box shadow and fonts as set in Theme Options Panel.
nivoslider.css (located in: /css)
Contains: Styles for the slider
prettyphoto.css (located in: /css)
Contains: Styles for the prettyPhoto Lightbox
light.css (located in: /skins/css)
Contains: Color values for light skin
dark.css (located in: /skins/css)
Contains: Color values for dark skin
admin-style.css (located in: /includes/admin/css)
Contains: Styles for meta boxes and admin columns in the WordPress admin
"LEMONCHILI" loads the following Javascript files:
hoverintent.js (located in: /js)
Improves the css dropdown menu with animation
nivoslider.js (located in: /js)
Frontpage slideshow
jquery.imagesloaded.min.js (located in: /js)
Checks if images have been loaded yet
prettyphoto.js (located in: /js)
Used to display images and multi-media in a "lightbox" that floats overtop of the current web page.
slicknav.js (located in: /js)
Responsive Menu
superfish.js (located in: /js)
Jquery improved dropdown menu
theia-sticky-sidebar.min.js (located in: /js)
Glues the left area, making it permanently visible while scrolling.
fitvids.js (located in: /js)
Used for fluid width video embeds
scripts.js (located in: /js)
The theme's custom jQuery
I've used the following scripts, files, images, icons and other files in this theme:
The Slider will only display on the page that is using the "Home" template. Please make sure you are following all the instructions in the documentation under "Setting up the Homepage" (especially step 6!)
There is a very easy fix for this issue: Simply go to Settings > Permalinks and click Save Changes.
IMPORTANT!: As update 4.0 was a major update, if you are updating from version 3.01 and below, please follow the instructions in the changelog
LemonChili can be translated into any language without having to edit the template files.
You can always open your .po file again (in Poedit) and add translations.
Make sure you are not uploading the whole zip file that you've downloaded from Themeforest (including demo content, license, psd files, readme ...) but only the lemonchili.zip file.