If you have any questions feel free to send a message via this contact form.
To install this Theme you must have working version of WordPress 3.6 or higher.
If you need help installing WordPress follow the instructions in official WordPress Codex.
List of Items contained in "Main File(s)" package purchased and downloaded via themeforest.net:
In WordPress Admin Panel go to Apperance -> Themes. Click Add New Button, then click Upload Theme.
Select elise.zip file and click Install Now Button
Wait until installation process will be done.
Sometimes you might have "max upload filesize" problem. To solve this problem follow instructions in this article.
Unzip elise.zip file into elise folder. Make sure that in elise folder you don't have any other subfolder – only theme files and subfolders.
Log in to your hosting service via FTP Client (e.g. FileZilla)
Find there WordPress installation and then go to wp-content -> themes
Upload elise folder into themes. Wait until you have uploaded all theme files.
Activate Theme right after installation or go to Appearance -> Themes and click Activate Button
This step is very important!.
Go to Theme Options panel and click Save Changes button. This step will save all theme option variables into database.
Last step is to create main menu area. Go to Appearance -> Menus then create main menu with your menu name (e.g. Main Menu) and click Save Menu.
After that assign your Main Menu to "Main Navigation" location. It's also recommended to assign Main Menu to Full Screen/Mobile Navigation.
Congratulations! Elise Theme is ready to use. Enjoy! :)
Elise includes a few recommended plugins, fully styled and 100% compatible with theme. See list of all plugins below.
Plugin installation is very simple. After intallation you will notice info box with required and recommended plugins.
All you need to do is click Begin installing plugins, then select particular plugins you need and click Install.
After short while your chosen plugins will be ready to use.
Global Options allows you to change theme apearance globaly with few simple clicks. All theme options shows screenshots below.
It's also possible to overwrite global options and set custom settings for only patricular pages you need.
There is Page Title options and styling, Header options and styling and more.
Layout Tab allows to change page layout on few ways. They are described in detail below.
This option allows to pick one of three page layouts:
This fields allows to set page background.
This option allows to enable or disable shadow.
This option allows to enable or disable Smooth Page Scrolling.
This option allows to enable or disable responsive layout. Read more about Resposive/Mobile here.
This option allows to enable or disable Back to Top button.
Header Tab allows to set header layout on over 30 ways.
This option allows to pick one of five header layouts:
This option allows to stretch navigation to full width.
This option allows to set transparent navbar background.
This option allows to pick left, center or right position of Main Menu.
This option allows to pick one of two menu hover styles.
This option allows to enable or disable searching page in navbar.
This option allows to enable or disable arrows when menu has submenu.
Sticky Header Tab
This option allows to enable or disable sticky header.
This option allows to pick one of two sticky header styles.
Top Bar Tab
This option allows to enable or disable top bar above header.
Top Bar Content field.
Title Bar Tab.
This option allows to enable or disable title bar.
This option allows to select position of page title.
This option allows to set title bar top and bottom padding.
This option allows to enable or disable breadcrumbs.
This option allows to set breadcrumbs style.
This option allows to enable or disable social share buttons on breadcrumbs bar.
This option allows to select one of four blog styles.
This option allows to enable or disable blog sidebar.
This option allows to select sidebar position.
This option allows to set blog post thumbnail position.
This option allows to set automatic post excerpts for posts from 10 to 200 words.
Single Blog Page Tab.
This option allows to set custom Single Posts Layout, different than blog layout. Globally or for Single Post.
This option allows to enable or disable post share buttons.
This option allows to enable or disable displaying tags under post.
This option allows to enable or disable displaying post author's bio.
This option allows to select one of five portfolio styles.
This option allows to set full window width portfolio.
This option allows to enable or disable portfolio items filtering.
This option allows to paginate portfolio items.
This option allows to set one of two portfolio items styles.
This option allows to enable or disable categories name above the Project title.
This option allows to enable or disable quick view button.
This option allows to set gap between portfolio items from 0 to 30 pixels.
This option allows to set custom project slug.
Project Page Tab.
This option allows to set single project layout. It's also possible to set custom project layout for single project page.
This option allows to set one of two way of displaying gallery images.
This option allows to set position of project description.
This option allows to set one of two project description layouts.
This Tab allows you to control theme colors with no touching single line of code.
To add new page go to Pages -> Add New. This is where magic happens :)
Theme contains a few beautifully designed Page Templates, which allows you to show content depends on your needs.
Default Template - basic, simple Template with content width container and top and bottom padding (which you can control via Global or Page Options).
Full Width Clean Page - clean full window width Template. No containers, no paddings, no limits. Template ready for Page Builder.
Advanced settings allows you to overwrite global options and create single page more unique. For example you can disable header and/or footer, extend page title, set different header colors and many more... More about Single Page Options here.
To Add new post go to Posts -> Add New. Type Page Title, Post Content, select Categories, Tags and set Featured Image. Elise Theme supports Post Formats, you can select one of 7 different post types - more about Post Formats you will find below. Theme also allows you to set more advanced post settings and Single Page Options. You can set different layouts for every single posts. Read more about Post Layout here.
Blog is set as Home page by default, but you can set your own Blog Page. To do this create new blank Page, then go to Settings -> Reading and select Front Page displays to A static page (select below). Now you can pick your page created earlier for displaying posts. You can also set here number of posts displaying in one page.
Elise Theme supports WordPress Post Formats, they are fully styled and funcional for displaying specific content.
Standard - default post with cropped featured image.
For the best user experiences you should always upload images with dimensions big enough to generate non-stretched and Retina displays ready Thumbnails.
Thumbnail images - default minimum dimensions:
|Blog Layout||Min Dimensions (width x height in px)||Min Retina Dimensions|
|Default with Sidebar,
|Default - No Sidebar||1176x350||2352x700|
|Small with Sidebar||312x230||624x460|
|Small - No Sidebar||412x280||824x460|
|Masonry with Sidebar||404x250||808x500|
|Masonry - No Sidebar||362x240||724x480|
* images width depends on Theme "Content Width" dimension.
** for Image and Gallery Formats image min-height is unlimited
For Portfolio is required Portfolio Post Type plugin. Read more how to install.
To add new Project go to Portfolio -> Add New Item. Now you can Type Project Title, project decription, add project images gallery, set project layout and many more... More info and live examples here.
To add Video in project slider or inline gallery click Add/Edit Gallery button in Project Gallery Options, then upload image which will be video thumbnail. Select upladed image. In "attachment details" settings type [video] in "Caption" Field and paste YouTube or Vimeo link in "Alt Text" field. It supports only Youtube and Vimeo videos.
Now when you have project to display, you can create Portfolio Page. To do this go to Pages -> Add New then select page template to Portfolio. You can select particular categories to display, which allows you to create unlimited portfolio pages with specific projects and layouts. More info and live examples here.
For the best user experiences you should always upload images with dimensions big enough to generate non-stretched and Retina displays ready Thumbnails.
Thumbnail Portfolio images - default minimum dimensions:
|Portfolio Layout||Min Dimensions (width x height in px)||Min Retina Dimensions||Image Ratio|
|Masonry - Standard Size||382x287||764x472||4:3|
|Masonry - Wide Size||764x287||1528x472||2:1|
|Masonry - Tall Size||382x573||764x1146||1:2|
|Masonry - Big Size||764x573||1528x1146||4:3|
* images width and height depends on Theme "Content Width" dimension.
For Page Builder is required to install WPBakery Visual Composer plugin. Read more how to install.
Elise Theme includes amazing Drag & Drop Page Builder - WPBakery Visual Composer. This Plugin gives your powerful control over you WordPress Page with no programming knowledge required. Plugin includes build-in and Elise designed shorcodes. Read more about shortcodes here.
Page creation with Visual Composer is very simple. To do this create new Page then click Backend Editor or Frontend Editor button. Now you can add, remove, move and adjust elements depends of your needs.
It's also recommended to set page Template to Full Width Clean Page.. That option gives you more control in page creation, like full window width sections with custom backgrounds etc.
It's also possible to build Posts and Portfolio Projects width Visual Composer. To enable this option go to Settings -> Visual Composer then in General Settings Tab pick content types you need and Save Changes.
List of shortcodes available in Elise Theme.
Rows are basic Visual Composer elements. They are wrapper for all other elements. Rows contains extended options which allows you to control page columns and section backgrounds.
A baic block of text with WordPress WYSIWYG editor. Also read about Custom Elise Theme Text Formats.
Toggle element for Q&A block with many styles to choose.
Element which allows to place selected sidebar. Read more about Sidebars here.
Element which allows you to place media player on you page. List of supported sites.
Element which allows you to place raw HTML code on your page.
Element with Image feed from your flickr account
Element which allows you to place blank space with custom height.
Element which allows you display a list of events in chronological order. For example history of education or company.
Element allows to place eye-catching, highly customizable block with icon.
Element allows to place blog content. This element's setting depends on Theme options "Blog Settings".
Element display recent/latest posts from blog.
Portfolio element which allows to display list of projects. Extended options available.
Element display recent/latest projects.
Allow to place carouseled content on page. One row inside "Carousel" element equal one slide.
1-5 Columns Pricing Table.
Element with team member data.
Place social icons with profile URL.
Place animated element with counting value.
Element with a single content area and multiple panels. "Tabs" element display planels horizontally, "Tour" - vertically.
Displays collapsible content panels for presenting information in a limited amount of space
Element with uploaded image.
Element with multiple images.
Eye catching button.
Notification text block
Element allows to catch to visitors attention.
Content line separator.
Element with animated pie chart.
Place Google Map with selected address or coordinates.
Place animated progress/skills bar.
WooCommerce element. Read more about WooCoomerce intergration.
Visual Composer supports also external plugins like Revolution Slider, Layes Slider, Contact Form 7, Gravity Forms and many more...
WordPress widget elements ready to place and use.
To import dummy data go to Theme Options -> Demo Importer and click Import Demo. After short while demo content will be downloaded.
Import sliders. To import "Revolution Slider" slides go to Revolution Slider tab and click Import slides button. Select slide .zip file which you will find in "Demo Content / Sliders" folder. Import all slides.
In last step go to Settings -> Reading Settings and set "Front page displays" to A static page (select below). Select Home to "Front Page", and Blog - Default Large Image for "Posts page". After selecting pages click Save Changes button.
That's all - importing proccess is complete!
Elise Theme is compatible with WooCommerce Plugin and includes full design integration. To get started with creating your online store, you need to install free WooCommerce Plugin.
Elise Theme includes amazing premium Revolution Slider worth $18. This plugin allows for showing almost any kind of content with highly customizatable effects and animations.
Useful links: Official Revolution Slider Website - contains useful information about plugin and using examples.
Elise Theme package also contains full plugin documentation.
Elise Theme contains .po/.mo files which means is ready to translate. Is also compatible with WPML Plugin.
Poedit is a common program which you can use to translate the theme. It’s available for free on poedit.net.
After you have installed Poedit, you can open it and select File > New Catalog from POT file. Then select the default.po file from the theme you wish to translate which you can find in the /languages/ folder of your theme.
Then go through every line of text and translate it to your native language. Afterwards you can save the file with yours translatet strings (for example pl_PL.po). Poedit automatically creates the .mo file and saves it, too.
The last step you have to do is to upload your created language files to the language folder of your theme using FTP.
All native WordPress Widgets are fully styled and compltible with Elise Theme. Theme includes also extra Widgets:
Elise Theme allows for advanced text editing with Formats in native WordPress WYSIWYG text editor.
Elise Formats extends standard text editing options for some new extra typography options, like bottom margins, extra css classes and colors...
Elise Theme is fully responsive and mobile ready by default, but you can disable this function with one click in Theme Options -> Layout options tab.
Elise is Retina Ready so it means that theme will look fantastic on High Resolution displays like the iPad or iPhone Retina devices.
Blog, Portfolio Thumbnails and Project Gallery Images will be generated automatically to Retina display. All you need to do is upload image with resolution big enough to generate @2x image. For example if your project image size is 1176x700 you should upload image with atleast twice bigger than original resolution - 2352x1400 pixels.
To make logo, favicons and other images ready to retina display all you need to is upload two images to WordPress Media Library - original and twice bigger than original with @2x extension. For example logo.png and email@example.com