Docs

Multi-Purpose Ultimate WordPress Theme.

Changelog

version 1.3.2

Released: April 22, 2016
Update
  • Visual Composer update to version 4.11.2.1 - deactivate before Update!
  • Revolution Slider update to version 5.2.5

version 1.3.1

Released: April 14, 2016
Update
  • WordPress 4.5 Compatibility
  • Visual Composer update to version 4.11.2 - deactivate before Update!
  • WooCommerce 2.5.5 Compatibility
  • Revolution Slider update to version 5.2.4.1
  • Redux Framework update to version 3.5.9.8

version 1.3

Released: December 10, 2015
Update
  • WooCommerce 2.4.11 Compatibility
  • Visual Composer update to version 4.9
  • Revolution Slider update to version 5.1.4
  • Redux Framework update to version 3.5.8.10

version 1.2.2.1

Released: October 06, 2015
Update
  • Visual Composer update to version 4.7.4

version 1.2.2

Released: September 29, 2015
Update
  • Visual Composer update to version 4.7.2
  • Revolution Slider update to version 5.0.9
  • Redux Framework update to version 3.5.7.10
Fix
  • Progress Bar shortcode - display fix
  • Single Image shortcode - saving fix

version 1.2.1

Released: September 02, 2015
New
  • Custom Heading Shortcode
  • Pageable Container Shortcode
Update
  • Visual Composer update to version 4.7
  • Revolution Slider update to version 5.0.6
  • Redux Framework update to version 3.5.7.2
Fix
  • Logo - max-height fix

version 1.2

Released: August 20, 2015
New
  • Live Customizer!
  • WPML Compatibility
Update
  • Revolution Slider update to version 5.0.4
  • Visual Composer update to version 4.6.2
  • Redux Framework update to version 3.5.6.6
  • Envato WordPress Toolkit update to version 1.7.3
  • TGM update to version 2.5.2
  • WooCommerce 2.4 templates compatibility
Fix
  • Right-to-left displaying - rebuild
  • WooCommerce products list - images displaying crop rebuild.

version 1.1.6

Released: July 01, 2015
Update
  • Revolution Slider update to version 4.6.93 - export all yours sliders before update!
  • Redux Framework update to version 3.5.4.27
  • [elise_maps] - multiple markers added
  • Child Theme - functions customization
Fix
  • [vc_row] - vertical align improvements
  • portfolio.php - check if portfolio plugin is installed

version 1.1.5

Released: June 17, 2015
Update
  • Visual Composer update to version 4.5.3
  • Redux Framework update to version 3.5.4.19
  • WooCommerce templates Compatibility with version 2.3.11
Fix
  • Minor code improvements

version 1.1.4

Released: May 22, 2015
Update
  • Visual Composer update to version 4.5.2
  • Redux Framework update to version 3.5.4.11
Fix
  • Projects: rebuild project image crop resizing

version 1.1.3

Released: May 13, 2015
Update
  • VC_Row - Min Height and Vertical Align code rebuild.
Fix
  • Portfolio custom categories selection fix.
  • Portfolio quick view button fix.
  • Sticky Header transition fix.

version 1.1.2

Released: May 09, 2015
New
  • Added: IDs for VC rows
Update
  • Visual Composer update to version 4.5.1
  • Redux Framework update to version 3.5.4.8
Fix
  • Blockquote tag font fix

version 1.1.1

Released: Apr 29, 2015
Update
  • Visual Composer update to version 4.5
  • Redux Framework update to version 3.5.4.3
  • TGM Plugin Activation update to version 2.5-alpha
Fix
  • Portfolio template categories selection fix
  • Portfolio, Blog, Recent Projects, Recent Posts shortcodes categories selection fix

version 1.1

Released: Apr 22, 2015
New
  • Added demo-content.zip file to theme package.
Update
  • Visual Composer update to version 4.4.4
  • Redux Framework update to version 3.5.4
  • TGM Plugin Activation update to version 2.4.1
Fix
  • WooCommerce - Cart Total table fix

version 1.0.2

Update
  • Redux Framework update to version 3.5.0.2

version 1.0.1

Update
  • Redux Framework update to version 3.4.4.6

version 1.0

New
  • Initial Release
Update
  • Initial Release
Fix
  • Initial Release

General

Welcome to Elise WordPress Theme Docs. You will find here the all necessary information how to use this Theme.

If you have any questions feel free to send a message via this contact form.

Live Demo Themeforest Page

Requirements

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.

In Package

List of Items contained in "Main File(s)" package purchased and downloaded via themeforest.net:

  • Elise Theme Folder – contains "elise.zip" which is main installable zip file of Elise Theme and "elise-child.zip" - Elise Child Theme. Information about child themes you will find here.
  • Docs Folder – contains Elise Theme, Revolution Slider and WPBakery Visual Composer documentation.
  • Psd Folder – contains layered Photoshop PSD files.
  • Licensing Folder – GPL Licensing informations.

Installation

You can install Elise Theme in two ways. Directly through WordPress (easier and faster way) or via FTP.

Installation in WordPress

  • 1.

    In WordPress Admin Panel go to Apperance -> Themes. Click Add New Button, then click Upload Theme.

  • 2.

    Select elise.zip file and click Install Now Button

  • 3.

    Wait until installation process will be done.

  • 4.

    Go to After Installation Process.

Sometimes you might have "max upload filesize" problem. To solve this problem follow instructions in this article.

Installation via FTP

  • 1.

    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.

  • 2.

    Log in to your hosting service via FTP Client (e.g. FileZilla)

  • 3.

    Find there WordPress installation and then go to wp-content -> themes

  • 4.

    Upload elise folder into themes. Wait until you have uploaded all theme files.

  • 5.

    Go to After Installation Process.

After Installation

  • 1.

    Theme Activation

    Activate Theme right after installation or go to Appearance -> Themes and click Activate Button

  • 2.

    Saving Theme Options

    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.

  • 3.

    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.

  • 4.

    Done!

    Congratulations! Elise Theme is ready to use. Enjoy! :)

Theme Options

Plugins

Elise includes a few recommended plugins, fully styled and 100% compatible with theme. See list of all plugins below.

  • WPBakery Visual Composerrequired plugin – Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required. Plugin includes all shortcodes, created and tailored specially for Elise Theme. Read more about using Page Builder and shortcodes here.
  • Revolution Slider – Revolution Slider - Premium responsive slider. RevSlider docs are included in Docs folder.
  • Portfolio Post Type – Enables a portfolio post type and taxonomies. Read more about Portfolio here.
  • Stag Custom Sidebars – Create custom dynamic sidebars and use anywhere with shortcodes. Read more about Sidebars here.
  • Envato WordPress Toolkit – WordPress toolkit for Envato Marketplace hosted items. Currently supports the following theme functionality: install, upgrade, & backups during upgrade.
  • Contact Form 7 – Just another contact form plugin. Simple but flexible.
  • WooCommerce – An e-commerce toolkit that helps you sell anything. Beautifully.


Plugin Installation

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.

Single Page Options

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

Layout Tab allows to change page layout on few ways. They are described in detail below.

  • Layout

    This option allows to pick one of three page layouts:

  • Content Width

    This option allows to select container width from 960 to 1200 pixels.

  • Boxed Container GapAvailable only for "Boxed" Layout

    This option allows to set gap between conent and background.

  • Layout Border SizeAvailable only for "Bordered" Layout

    This option allows to set layout border size.

  • Content Padding

    This option allows to select content padding top and bottom.

  • Body BackgroundAvailable only for "Boxed" and "Bordered" Layout

    This fields allows to set page background.

  • Drop ShadowAvailable only for "Boxed" and "Bordered" Layout

    This option allows to enable or disable shadow.

  • Smooth Scrolling

    This option allows to enable or disable Smooth Page Scrolling.

  • Responsive

    This option allows to enable or disable responsive layout. Read more about Resposive/Mobile here.

  • Back to Top

    This option allows to enable or disable Back to Top button.

Title Bar

Title Bar Tab.

  • Title Bar

    This option allows to enable or disable title bar.

  • Page Title Position

    This option allows to select position of page title.

  • Title Bar Padding

    This option allows to set title bar top and bottom padding.

Breadcrumbs.

  • Show Breadcrumbs

    This option allows to enable or disable breadcrumbs.

  • Breadcrumbs Style

    This option allows to set breadcrumbs style.

    On title barLive Example

  • Show Share Buttons

    This option allows to enable or disable social share buttons on breadcrumbs bar.

Blog

Blog Tab.

  • Blog Layout

    This option allows to select one of four blog styles.

  • Show SidebarNot available for "Centered Blog Layout"

    This option allows to enable or disable blog sidebar.

  • Sidebar Position

    This option allows to select sidebar position.

  • Thumbnail on Top

    This option allows to set blog post thumbnail position.

  • Automatic Post Excerpts

    This option allows to set automatic post excerpts for posts from 10 to 200 words.

Single Blog Page Tab.

  • Custom Single Post Layout

    This option allows to set custom Single Posts Layout, different than blog layout. Globally or for Single Post.

    Left SidebarLive Example

    Right SidebarLive Example

    Full WidthLive Example

    CenteredLive Example

  • Share Buttons

    This option allows to enable or disable post share buttons.

  • Display Tags

    This option allows to enable or disable displaying tags under post.

  • Author's Bio

    This option allows to enable or disable displaying post author's bio.

Portfolio

Portfolio Tab.

  • Portfolio Layout

    This option allows to select one of five portfolio styles.

    1 ColumnsLive Example

    2 ColumnsLive Example

    3 ColumnsLive Example

    4 ColumnsLive Example

    MasonryLive Example

  • Full Width Portfolio

    This option allows to set full window width portfolio.

  • Portfolio Filtering

    This option allows to enable or disable portfolio items filtering.

  • Portfolio Pagination

    This option allows to paginate portfolio items.

  • Portfolio Items Style

    This option allows to set one of two portfolio items styles.

    Overlay TitleLive Example

    Title on BottomLive Example

  • Categories Names

    This option allows to enable or disable categories name above the Project title.

  • Quick View Button

    This option allows to enable or disable quick view button.

  • Portfolio Items Gap

    This option allows to set gap between portfolio items from 0 to 30 pixels.

  • Custom Slug

    This option allows to set custom project slug.

Project Page Tab.

  • Project page Layout

    This option allows to set single project layout. It's also possible to set custom project layout for single project page.

  • Project Image GalleryOption available only for "Large" and "Medium" Layout

    This option allows to set one of two way of displaying gallery images.

  • Gallery Images HeightOption available only for "Wide" Project Layout

    This option allows to set Wide Project Layout gallery height.

  • Project Description PositionOption available only for "Large" Project Layout

    This option allows to set position of project description.

  • Project Description StyleOption available only for "Large" and "Wide" Project Layout

    This option allows to set one of two project description layouts.

Styling

This Tab allows you to control theme colors with no touching single line of code.

  • Body
  • Navigation
  • Full Width/Mobile Navigation
  • Top Bar
  • Page Title
  • Breadcrumbs Bar
  • Blog
  • Portfolio
  • Footer

Page Creation

Pages

  • Creating new Page.

    To add new page go to Pages -> Add New. This is where magic happens :)

  • Page Templates.

    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.

    Page with Sidebar - simple page with left or right sidebar which you can select from a list.

    Portfolio - page with your Portfolio Projects. Read more Here.

    Side Navigation - page with Side Navigation which shows pages contained under one Parent.

  • Advanced Settings.

    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.

Blog

  • Adding new Post.

    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.

  • Creating Blog.

    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.

  • Post Formats.

    Elise Theme supports WordPress Post Formats, they are fully styled and funcional for displaying specific content.

    Standard - default post with cropped featured image.

    Image - post with full size featured image.

    Gallery - post with images gallery slider.

    Audio - post with upladed or embeded audio.

    Video - post with video.

    Quote - post with quote.

    Link - post with link.

  • Blog Image Sizes.

    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,
    Wide Centered
    837*x350** 1674*x700**
    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

Portfolio

For Portfolio is required Portfolio Post Type plugin. Read more how to install.

  • Creating new Project.

    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.

  • Videos in Project Gallery.

    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.

  • Creating new Portfolio.

    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.

  • Portfolio Image Sizes.

    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
    1 Column 1146*x382* 2352*x764* 3:1
    2 Columns 573x382 1146x764 3:2
    3 Columns 382x287 764x472 4:3
    4 Columns 287x287 472x472 1:1
    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.

Page Builder

For Page Builder is required to install WPBakery Visual Composer plugin. Read more how to install.

  • Drag & Drop Page Builder.

    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.

  • Page Builder in Posts and Portfolio Projects.

    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.

Shortcodes

List of shortcodes available in Elise Theme.



Row

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.

  • General Settings
  • Full Window width Content – enable/disable full window width content.
  • Row Min Height – you can set height of the row.
    • Content Vertical Align – set content inside row to vertically centered
  • Extra class name – row custom class.
  • Styling Options
  • CSS – basic css styling options
  • Background Style – allow to select one of three background styles: Standard, Parallax or Video
  • Background Position – "standard" background position.
  • Background Attachment: Fixed – set "standard" background position to fixed
  • Show Overlay – enable/disable overlay above background allows to darken, lighten or colorize background image.
  • Drop Shadow – enable/disable row shadow.
Text Block

A baic block of text with WordPress WYSIWYG editor. Also read about Custom Elise Theme Text Formats.

  • General
  • Text – WYSIWYG editor
  • Extra class name – element custom class field.
  • Css – basic css editor.
FAQ

Toggle element for Q&A block with many styles to choose.

  • General
  • Toggle title – title toogle - Q&A question.
  • Toggle content – WYSIWYG editor.
  • Style
  • Color
  • Size
  • Default state – toogle default state - open or close.
  • Extra class name – element custom class field.
Widgetised Sidebar

Element which allows to place selected sidebar. Read more about Sidebars here.

  • General
  • Widget title
  • Sidebar – dropdown field with available sidebars.
  • Extra class name – element custom class field.
Video Player

Element which allows you to place media player on you page. List of supported sites.

  • General
  • Widget title
  • Video link – media content url link.
  • Extra class name
  • Styling Options
  • CSS – basic css styling options
Raw HTML

Element which allows you to place raw HTML code on your page.

  • General
  • Raw HTML
Raw JS

Element which allows you to place raw JavaScript/jQuery code on your page

  • General
  • Raw JS
Flickr Widget

Element with Image feed from your flickr account

  • General
  • Widget title
  • Flickr ID
  • Number of photos
  • Type
  • Display
  • Extra class name
Empty Space

Element which allows you to place blank space with custom height.

  • General
  • Height – space height in pixels.
  • Extra class name – element custom class.
Timeline + Timeline Block

Element which allows you display a list of events in chronological order. For example history of education or company.

  • Timeline - General
  • Timeline Axis Position – position of timeline axis. Left, Centered or Right.
  • Extra class name – element's custom class field.
  • Timeline Block - General
  • Title – event title.
  • Date – event's date.
  • Timeline Block Content – WYSIWYG field for event description.
  • Extra class name – element's custom class field.
  • Design Options
  • Title Color – color of event title.
  • Background Color – event block background color.
Icon Box

Element allows to place eye-catching, highly customizable block with icon.

  • General
  • Icon library – list of available icon libraries.
  • Icon – icon selector.
  • Title – title of iconbox.
  • Content – iconbox WYSIWYG content editor.
  • Button – iconbox "read more" button.
  • Extra class name – element's extra class field.
  • Design Options
  • Icon Box Style – Block or Inline iconbox style selector. Display icon above or inline with title.
  • Icon Box Layout – iconbox layout selector. Simple or Boxed layouts available.
  • Iconbox Align/Iconbox Inline Align – iconbox content alignment.
  • Iconbox Header Size – iconbox title size. From h2 to h6.
  • Header Color – title color.
  • Icon Style – icon style selector. Square, Circle or No background options.
    • Icon BG Color – color of icon background (if icon style is set to square or circle)
    • Icon BG Shadow – enable/disable icon shadow (if icon style is set to square or circle)
    • Background Color – color of square or circle style background
  • Icon Size – standard or large icon size selector.
  • Icon Color – color of icon.
Blog

Element allows to place blog content. This element's setting depends on Theme options "Blog Settings".

  • General
  • Blog Categories – available categories to select.
  • Extra class name
Recent Posts

Element display recent/latest posts from blog.

  • General
  • Categories – allows to select catagories to display.
  • Columns – number of posts columns.
  • Number of Posts – allows to set number of posts to display.
  • Recent Posts Style – Grid or Carousel dispplay style.
    • Carousel Arrows Position – "Carousel" style prev/next icons position.
  • Extra class name
  • Styling Options
  • Background Color – background of single post block.
  • Text Color – text color of single post block.
Portfolio

Portfolio element which allows to display list of projects. Extended options available.

  • General
  • Portfolio Categories – type selected categories to display.
  • Portfolio Items – number of project to display.
  • Portfolio Layout – 1-4 or Masonry layout options.
  • Portfolio Pagination – enable/disable projects list pagination.
    • Items Per Page – number of items per page to display.
  • Extra class name – element's custom class.
  • Portfolio Filtering
  • Portfolio Filtering – enable/disable projects list filtering.
  • Filtering Position – left, center or right postion of filtering.
  • Filtering: Active Category Background – background of active category.
  • Filtering: Active Category Color – color of active category.
  • Filtering: Categories Color – text color of available categories.
  • Design Options
  • Portfolio Style – projects list style.
  • Portfolio Items Gap – gap between projects list.
  • Quick View Button – enable/disable quick view button available in project item hover state.
Recent projects.

Element display recent/latest projects.

  • General
  • Categories – allows to select catagories to display
  • Recent Portfolio Columns – 1-5 Columns layout.
  • Recent Projects Style – Standard Grid or Carousel style.
    • Carousel Arrows Position – position of prev/next icons when "carousel" style selected.
  • Portfolio Style – style of project items
  • Recent Project Number – number of latest projects to display.
  • Portfolio Items Gap – gap between portfolio items.
  • CSS Animation – allows to select element animation when appear on page.
  • Extra class name – element's extra class.
Carousel

Allow to place carouseled content on page. One row inside "Carousel" element equal one slide.

  • General
  • Carousel Arrows Position – position of prev/next icons of carousel.
  • Carousel Bottom Navigation – enable/disable bullet naviagtion under carousel element.
  • Autoplay – carousel autoplay in miliseconds. E.g. 5000ms = 5 seconds.
  • CSS Animation – allows to select element animation when appear on page
  • Extra class name – element's extra class.
  • Slides Background – background of slides in carousel.
Pricing Table + Pricing Column

1-5 Columns Pricing Table.

  • Pricing Table - General
  • Pricing Columns – 1-5 Columns selector.
  • CSS Animation – allows to select element animation when appear on page
  • Extra class name – element's extra class.
  • Pricing Column - General
  • Featured Column – allow to set column as "featured".
    • Featured Text – featured text. E.g. "Most Popular Plan!"
  • Title – title of column/plan
  • Background Icon – allow to set plan icon in background.
  • Price – price of plan
  • Billing – plan billing.
  • Features List – list of items
  • Choose/Sign up Button – plan "select" button
  • Extra class name – element's extra class.
  • Pricing Column - Styling Options
  • Header Background Color – plan title background color.
  • Header Colors – plan title text color.
  • Features Background Color – plan list background color.
  • Features Color – plan list text color.
Team Member

Element with team member data.

  • General
  • Member Photography – photography of team member.
  • Name – member first and last name.
  • Function – function of member in team
  • Member Bio/Description – member description.
  • CSS Animation – allows to select element animation when appear on page.
  • Extra class name – element's extra class.
  • Design Options
  • Name Color – text color of member name.
  • Function Color – text color of member funcion.
Social Icons

Place social icons with profile URL.

  • General
  • Icons Size – size of icon.
  • Icons Position – left, center or right icons alignment
  • CSS Animation – allows to select element animation when appear on page
  • Extra class name – element's extra class.
  • Social Profile URLs – fields for social profile urls.
Counter

Place animated element with counting value.

  • General
  • Start Value – counter start value.
  • End Value – counter end value.
  • Decimals – number of value decimals.
  • Prefix – place string/text before counter value.
  • Suffix – lace string/text after counter value.
  • Subtitle – text describing counter value.
  • Counter Speed – counter animation speed.
  • CSS Animation – allows to select element animation when appear on page
  • Extra class name – element's extra class.
  • Design Options
  • Counter Align – left, center or right counter algnment.
  • Number Color – text color of value.
  • Subtitle Color – subtitle text color.
Tabs/Tour

Element with a single content area and multiple panels. "Tabs" element display planels horizontally, "Tour" - vertically.

  • General
  • Auto rotate tabs – enable/disable auto rotate of tabs.
  • CSS Animation – allows to select element animation when appear on page
  • Extra class name – element's extra class.
  • Widget title
  • Design Options
  • Background Color – background of content and active tab.
  • Active Tab Text Color – text color of active tab.
  • Tabs Background – non-active tabs background color.
Accordion

Displays collapsible content panels for presenting information in a limited amount of space

  • General
  • Widget title
  • Active section – allow to set which section will active by default.
  • Allow collapsible all – allow to collapse all sections.
  • Disable keyboard interactions
  • CSS Animation – allows to select element animation when appear on page
  • Extra class name – element's extra class
  • Design Options
  • Accordion Background – background color of accordion secion.
  • Accordion Header Color – text color of accordion title.
Single Image

Element with uploaded image.

  • General
  • Widget title –
  • Image – image uploader.
  • Image size – set custom size of image.
  • Image alignment – left, center or right alignment of image.
  • Image style – default, rounded or bordered style of image
    • Border color – color of border when "bordered" style selected
  • Image Drops Shadow – enable/disable image shadow.
  • Link to large image? – allows to set image as link.
    • Image link – display full size image in lightbox
    • Link Target – external link.
  • CSS Animation – allows to select element animation when appear on page
  • Extra class name – element's extra class,
  • Caption
  • Image Caption – display text caption on image.
  • Image style – postion of caption on image.
  • Design Options
  • Css – basic css styling
Image Gallery

Element with multiple images.

  • General
  • Widget title
  • Gallery type – grid or carousel gallery images type.
    • Carousel Navigation – "carousel" bullet or thumbnails navigation style.
  • Images – multiple images uploader
  • Image size – size of images
  • On click – define action for onclick event if needed.
    • Custom links – list of urls to open
    • Custom link target
  • CSS Animation – allows to select element animation when appear on page
  • Extra class name – element's extra class
Button

Eye catching button.

  • General
  • URL (Link) – button url.
  • Text on the button
  • Style – style of button
  • Color
  • Size
  • Alignment – left, center or right alignment of button
  • CSS Animation – allows to select element animation when appear on page
  • Extra class name – element's extra class
Message Box

Notification text block

  • General
  • Message box type – type of notification.
  • Message text – message.
  • CSS Animation – allows to select element animation when appear on page
  • Extra class name – element's extra class
  • Design Options
  • Background Color – background color notification box.
Call to Action Box

Element allows to catch to visitors attention.

  • General
  • Promotional text – text editor.
  • URL (Link) – button url.
  • Text on the button
  • Button style
  • Color
  • Size
  • Button position
  • CSS Animation – allows to select element animation when appear on page
  • Extra class name – element's extra class.
  • Design options
  • Custom Background Color – CTA box background color.
Separator

Content line separator.

  • General
  • Style – separator line style.
  • Separator width – width of separator line
  • Separator alignment – left, center or right separator alignment
  • Extra class name – element's extra class.
  • Text Separator
  • Icon library – place icon inside separator
    • Icon
  • Title – text inside separator line.
  • Title position – position of text/icon inside separator.
  • Text/Icon as Back to Top Button – set text/icon as back to top button
  • Design Options
  • Line Color – color of separator line
  • Text Color – color of text inside separator
  • Margin Bottom – allow to set margin bottom size.
Pie Chart

Element with animated pie chart.

  • General
  • Value – value of pie chart. Integer number from 0 to 100
  • Name – text describing value.
  • Duration – time duration of pie chart animation
  • Size – size of pie chart in pixels.
  • Pie Thickness – thickness of animated line.
  • Show "%" Unit – enable/disable "%" unit after value number.
  • CSS Animation – allows to select element animation when appear on page
  • Extra class name – element's extra class
  • Design Options
  • Pie Color options – solid or gradient animated line options.
    • Pie Color – default line color
    • Pie Second Color – "gradient" option - second color.
  • Pie Background Color – background of pie chart line.
  • Pie value Color – value text color.
  • Pie Alignment – left, center or right alignment of pie chart.
Google Map

Place Google Map with selected address or coordinates.

  • General
  • Address – address or coordinates.
  • Map Zoom – zoom size.
  • Map Type
  • Map Height – height of google map.
  • Custom Marker – custom marker uploader
  • CSS Animation – allows to select element animation when appear on page
  • Extra class name – element's extra class.
  • Design options
  • Map Style – allow to set custom map style.
Progress Bar

Place animated progress/skills bar.

  • General
  • Widget Title
  • Graphic values – progress bar values with names
  • Units – values units.
  • Bar custom color – color of animated bar.
  • Extra class name – element's extra class.
Woo Elements

WooCommerce element. Read more about WooCoomerce intergration.

Plugins Elements

Visual Composer supports also external plugins like Revolution Slider, Layes Slider, Contact Form 7, Gravity Forms and many more...

Widgets Elements

WordPress widget elements ready to place and use.

Extras

Import Demo Content

  • 1.

    After successful installation and after installation process, you can import Demo Content Data. But first you need to install all required and recommened plugins.

  • 2.

    To import dummy data go to Theme Options -> Demo Importer and click Import Demo. After short while demo content will be downloaded.

  • 3.

    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.

  • 4.

    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.

  • 5.

    That's all - importing proccess is complete!

Child Theme

Elise Theme Package contains Elise Child Theme. Child themes are the recommended way of modifying an existing theme. More information you will find here.

To use child theme all you need to do is install and activate in same way as main theme.

WooCommerce

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.

All necessary information how to get started with WooCommerce you will find on official Plugin website and plugin documentation.

Revolution Slider

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.

Localization

Elise Theme contains .po/.mo files which means is ready to translate. Is also compatible with WPML Plugin.


Translating Theme with POEdit.

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.

Mega Menus

Elise Theme contains built-in classes which allows you to enable simple Mega Menu with 2,3 or 4 Columns. Mega Menu can be disaplyed only in Main Navigation menu. Instruction how to activate mega menu you will find below.



  • 1.

    First, go to Appearance -> Menus, then enable "CSS Classes" option for menu items. Click "Screen Options" on top of the screen and select "CSS classes" in advanced properties.

  • 2.

    In "Main Menu" add first level Menu Item which will be contains all Mega Menu Element. In this item settings in field CSS Classes (optional) type: elise-mega-menu menu-columns-3. Those classes will enable Mega Menu.

    You can select between 2, 3 or 4 column menu.
    elise-mega-menu menu-columns-2
    elise-mega-menu menu-columns-3
    elise-mega-menu menu-columns-4

  • 3.

    Add second level menu items. Second level menu item will show the title text above each column.

  • 4.

    Third level menu items will be smaller menu elements.

Widgets

All native WordPress Widgets are fully styled and compltible with Elise Theme. Theme includes also extra Widgets:

  • Elise - Recent Posts Tab – A widget that displays Tabs with recent/popular posts and recent comments.
  • Elise - Recent Projects – A widget that displays recent projects.
  • Elise - Social Icons – displays social icons with profile urls.

Text Formats

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...

Responsive/Mobile

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.

You can select one of two mobile navigations. Live examples here..
You can also create and assing custom - "simplier" menu for mobile devices or set same as Main Navigation. Read more.

Retina

Elise is Retina Ready so it means that theme will look fantastic on High Resolution displays like the iPad or iPhone Retina devices.


Blog and Portfolio Images

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.


Other Images like Logo or Favicons.

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 logo@2x.png