1.2 Package from themeforest

At first, after purchasing this theme please download the package from Themeforest. All you need to do that, is move your mouse over your login name in right top corner (of course after you`re logged in Themeforest) and then click Download. Here you will find all the items that you have purchased. It looks exactly just as the diagram next to.

In the next step click the Download > Main File(s) button next to Be|theme theme and save package on your computer.

In the package you can find things like documentation, license, psd files, zipped file with theme files and folder with theme files called betheme. Please unpack the whole package after downloading it from Themeforest.

1.3 Installation & Update

At first please make sure that you have unpacked the whole package shown in the last point. This is very important! You can complete installation in two different ways:

1. WordPress Theme Manager - please go to Appearance > Themes > Add new > Upload, select zipped theme folder called betheme.zip and press Install Now button. The wordpress will do the rest for you.
2. FTP upload - upload non-zipped theme folder called betheme to /wp-content/themes/ folder in your WordPress installation folder on your server.

In the second part of this guide we have described how to update Be|theme. Please make sure that you didn`t make any changes in the files. If you have made changes and you don`t want to lose them, the best way is to use one of freeware tools for comparing files, ex. Beyond Compare (we are not the authors of this tool so please don`t ask us how to use it. Answears to how to use it can be found on their website). After comparing these files you can upload on server only the files that hasn`t been changed.

If you haven`t changed any theme files, all you need to do is update your version of theme by downloading the latest package from themeforest, unpacking files and uploading new files on the server while replacing the old files. Simply overwrite them.

All your data in the database are safe because after updating theme files doesn`t change anything in the database. Please however always make a backup of your files & database.

2.1 1-Click Demo Install

Since version 2.4 we added 1 Click Demo Install possibility for better purposes. If you are using this option you don`t need to use .xml files no longer. All you need to do is go to Appearance > BeTheme Demo Data section and choose what exactly you want to install. You can select if you want to install whole content, one of homepages, content, options or widgets.

Since 12th September 2014, when a new update (4.2) has been released, we decided to create totally different demos for better purposes (not just homepages but all settings, widgets, menus, images and other stuff associated with a particular demo). For more info about this feature, please navigate to http://forum.muffingroup.com/betheme/discussion/1064/how-to-re-create-one-of-full-demo-pages-betheme-demo-data

3.1 Header layout

To setup header layout, please navigate to Appearance > BeTheme Options > Header & Subheader > Header section and choose one of available layouts. Below header styles, you can also setup some other options that we listed below:

• Header | Style - choose own header style (Modern, Classic, Creative, Creative: Always Open, Stack: left, Stack: center, Stack: right, Simple, Empty, Fixed, Below slider, Transparent, Magazine, Split menu, Below slider with split menu and Overlay)
• Header | Options some options for header section like: Full Width or Boxed Sicky Header.
• Header | Image upload own header background image if you don`t want default one (image will be applied for all pages instead of default). You can also upload different header images for different pages but this can be done while you edit/create page on right side where is Set featured image option.
• Header | Image Attachment choose between fixed or parallax header background position.
• Header | Minimalist - turn it on if you want to use header without background image & padding
• Header | Sticky - turn on/off sticky header
• Header | Sticky Style- choose between white and dark sticky styles.

3.2 Logo & Favicon

To setup logos please navigate to Appearance > BeTheme Options > Global > Logo section and you will be able to upload Custom, Retina & Sticky Header Logos. Under you can also setup some different logo options. Please remember that Retina Logo should be always 2x larger than Custom Logo (this field is optional).

4.1 Getting started

In first Visual/HTML area you can build your page using all available options in editor. Beyond the default options we included []+ button for WordPress editor. With this option you can build any page you want based on shortcodes. All available shortcodes for this theme has been described in Muffin Builder & Shortcodes section.

Please note that you can build pages based not only on shortcodes. You can also use Muffin Builder.

Below the Muffin Builder you can find some Muffin Options.

• Hide the content - this options will hide the content from Wordpress editor. You can turn this button on or off. If you`re using Muffin Builder for building content please turn this button off. If you won`t turn it off, the content from Wordpress editor will show above the Muffin Builder items.
• Custom Layout - if you want custom layout for page, you need to create it first in Layouts section which is available in main dashboard menu on the left side and then you can choose which one you want to use for page. If you won`t choose any, will be used default. Thanks to this possibility you can have different layouts for different pages.
• Custom Menu - if you want custom menu for page, you need to create it first in Appearance > Menus section which is available in main dashboard menu on the left side and then you can choose which one you want to use for page. If you won`t choose any, will be used Main Menu as default. Thanks to this possibility you can have different menus for different pages.
• One Page - Turn it ON if you want to create one page with #hashtag links. More info about this feature please read here.
• Layout - you can choose personal layout for each page. There is 4 options to choose: full width without sidebar, left sidebar, right sidebar or both sidebars.
• Sidebar - here you can select proper sidebar for this page (of course if in the previous option you have selected right or left sidebar). You can create your own sidebars in Appearance > BeTheme Options > Sidebars.
• Sidebar 2 - here you can select proper sidebar for this page (of course if in the previous option you have selected right or left sidebar). You can create your own sidebars in Appearance > BeTheme Options > Sidebars.
• Slider | Revolution Slider - you can select one of the Revolution Slider's for page. Please also note that for each page can be different slider. Of course, before select slider you need to create it with amazing Revolution Slider
• Slider | Layer Slider - you can select one of the Layer Slider's for page. Please also note that for each page can be different slider. Of course, before select slider you need to create it first
• Slider | Shortcode - if you want to use other slider then please paste slider`s shortcode here
• Subheader | Hide - this option removes Subheader section where page title and breadcrumbs are.
• Subheader | Image - background image for subheader section.
• Content | Remove Padding - ON/OFF padding for the very top content section.
• SEO Title - title for page (if you leave this field empty, page will get default settings from Appearance > BeTheme options > SEO)
• SEO Description - description for page (if you leave this field empty, page will get default settings from Appearance > BeTheme options > SEO)
• SEO Keywords - keywords for page (if you leave this field empty, page will get default settings from Appearance > BeTheme options > Getting started > General)
• Custom CSS - you can create custom css for current page only

After set up all this options on right side you can also choose right Page Template for this site.

4.2.1 Accordion / Toggle

This Item is adding Accordion or Toggle on page. You can add as many tabs as you need, just type Title and Content (you can use html tags) for each tab. You can also use Drag&Drop option to set the order for items.

Available sizes:'1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

• Title (accordion item title)
• Accordion (you can add as many tabs you want, use drag & drop to change their order and also you can remove them)
• Open first (you can select if you want to open first tab or not)
• Style (you can choose Accordion or Toggle style)

4.2.4 Blog

This Item allow you to add Blog on any page you like with other muffin builder items. Great solutions for all those who want to get blog content with other stuff.

Available sizes: '1/1'

Attributes:

• Count (choose how many posts you want to show)
• Category (select category from which one you want to show posts)
• Multiple Categories (type categories slugs if want to show post from multiple categories)
• Style (you can choose Classic, Timeline or Masonry blog style)
• Show Read More link (you can show Read more button or not)
• Show pagination (choose if you want to have pagination or not)

4.2.5 Blog slider

This Item allow you to add some posts inside slider. This item has been equipped with swipe technology and works great on all kind of mobile devices like tablets or mobile phones.

This Item allow you to add some posts inside slider. This item has been equipped with swipe technology and works great on all kind of mobile devices like tablets or mobile phones.

Available sizes: '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

• Title (title for Blog Slider item)
• Count (type the number of items you would like to see inside Blog Slider)
• Category (choose category from which you want to show posts)
• Multiple Categories (type categories slugs if want to show post from multiple categories)
• Show Read More button (you can show Read more button or not)

4.2.8 Clients

This item can create nice section with Clients.

Available sizes: '1/1'

Attributes:

• Items in row (choose number of items in row)
• Category (choose category from which you want to show clients)
• Style (you can choose between 2 different styles: Default and Tiles)

4.2.9 Code

This Item can be used  for present code. Also it convert all html tags into html special chars.

IMPORTANT! This item does not parse html so if you want to parse it, then please use Column item instead!

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

• Content (add your own code here)

4.2.12 Content WP

Adding this item will show Content from Wordpress Editor above Page Options section. You can use it only once time per page. Please also remember to turn off "Show The Content" option if you prefer using this item as in other case, content will be duplicated.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

4.2.14 Divider

This item is creating space between elements. It is also aligning for a single line, boxes located underneath. You can choose few different styles of this item.

Available sizes: '1/1'

Attributes:

• Divider height (enter the amount of the divider height)
• Style (choose between Default, Dots and ZigZag styles)
• Line (choose between Default, Narrow, Wide and Default line style)
• Theme Color (choose YES, if you want line to be the same as theme color)

4.2.15 Fancy heading

This item is creating great Fancy heading. You can set up totally different headings in different places what you can see in preview section.

Available sizes: '1/1'

Attributes:

• Title (title for heading)
• Use H1 tag (choose YES, if you want title to be H1 tag instead of H2)
• Icon (you can choose any icon you want from our icon's list)
• Slogan (small text visible under title)
• Content (content which you would like to have inside heading)
• Style (you can choose 1 of 3 different styles for this item)
• Animation (choose entrance animation on scroll or leave without animation)

4.2.17 Feature list

With this item you can create very nice Feature list section.  You can use here icons, links and colors for icons.

Available sizes: '1/1'

Attributes:

• Title (type title for this item)
• Content (for each item inside you need to use text shortcode [item icon="icon-picture" title="some text" link="#"]). Of course each item can have own icon, text and link.

4.2.20 Image

This item is very useful option for embedding images into page. Images can have links or can be zoomed after click.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

• Image (choose your own image)
• Border (choose Yes, if you want border around image)
• Align (choose how you want to align image)
• Margin Top (margin value from top in px)
• Alternate text (alt text for image)
• Caption (short text under image)
• Zoomed image (choose image, if you want it to be opened after click)
• Link (if you don`t want to open image after click, you can type your own link for this image)
• Open in new window (choose if you would like to open item in new window or not)
• Animation (choose entrance animation on scroll or leave without animation)

4.2.21 Info box

With this item you can create awesome looking Info box with some informations inside. You can also setup background image so it can look much nicer.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

• Title (title for info box item)
• Content (text inside info box item)
• Background image (setup background image for info box item)
• Animation (choose entrance animation on scroll or leave without animation)

4.2.24 Offer

This Item will create nice Offer section to present your offer. To create items for this item, you need to add items in Offer section which is in main wordpress dashboard menu on the left side, between "Clients" and "Portfolio" sections.

Available sizes: '1/1'

Attributes:

• Category (select category from which you want to show offer items)

This item doesn`t have any attributes. Remember that Offer item can be used only on pages without sidebar and section must be setup on Full Width.

4.2.25 Opening hours

This item will create nice Opening hours box where you can type any content you want inside. Also you can setup background image to make this item much nicer.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

• Title (type title for Opening hours item)
• Content (you can use anything inside you want, like plain text or html tags)
• Background image (use image if you want to get nice background)
• Animation (choose entrance animation on scroll or leave without animation)

4.2.28 Photo box

This Item will create the single Photo box item. This item can have link or not - depends on your needs.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2'

Attributes:

• Title (title for Photo Box item)
• Image (choose photo for Photo Box item)
• Content (text from this section is visible under photo)
• Text Align (you can choose between Center, Left and Right align for text)
• Link (you can type link for this item if you want)
• Open in new window (choose if you want to open link in new window or not)
• Animation (choose entrance animation on scroll or leave without animation)

4.2.30 Portfolio grid

This Item will create Portfolio grid (the same items as on portfolio page) in any place you want.  Use your portfolio items with any other shortcodes on page.

Available sizes: '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

• Count (decide how many portfolio items you want to show on one page)
• Category (choose from which category you want to show portfolio items)
• Multiple Categories (type categories slugs if want to show post from multiple categories)
• Order by (choose the way for order your portfolio items)
• Order (choose if you want to order items Ascending or Descending)

4.2.31 Portfolio slider

This Item create awesome, swipe touch Portfolio slider in any place on page you like. This item looks and work really cool on all devices.

Available sizes: '1/1'

Attributes:

• Count (type the number of items that you want to show in portfolio slider item)
• Category (select category from which you want to show portfolio items)
• Multiple Categories (type categories slugs if want to show post from multiple categories)
• Order by (choose the way for order your portfolio items in slider)
• Order (choose if you want to order items Ascending or Descending)

4.2.33 Progress bars

This Item will create Progress bar. You can add as many you want.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Add your own tabs by clicking "Add tab" button. You can add as many tabs as you need.

Attributes:

• Title
• Content (type here as many bars you like, the shortcode for progress bar is [bar title="Photoshop" value="80"])

4.2.35 Quick Fact

Create Quick Fact thing. Really nice item to present some facts with short description.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

• Heading (you can put some text above counter icon)
• Number (number is visible at the top of the item)
• Title (title is visible just under the large  number)
• Content (type short description which is visible under title)
• Animation (choose entrance animation on scroll or leave without animation)

4.2.37 Slider

If you don`t want to use Revolution Slider and need something simplier then we recommend to use Slider item. You can show some images on simple slides in easy way. This item only give you possibility to paste slides on page. If you want to add slides then, you should do it in "Slides" section which is available on the left side in wp dashboard where is whole menu.

Available sizes: '1/1'

Attributes:

• Autoplay timeout (type in miliseconds, time between slide transitions)
• Category (choose from which category you want to show slides)
• Ordery by (you can order slides by Date, Menu order and Title)
• Order (above options can be ordered Ascending or Descending)

4.2.40 Testimonials

This Item will create Testomonials slider. Testimonials for this section, you can add in Testimonials > Add new section.

Available sizes:'1/1'

Attributes:

• Category (choose form which category you want to show testimonials)
• Order by (choose how to order testimonials - Title, Menu order or Date)
• Order (choose if you want to order Ascending or Descending)
• Hide Photos (hide testimonials images if you don`t want to use them)

4.2.41 Timeline

This Item will create Timline section and you can use it for anything you need. Inside it works just like Tabs or Accordion. Just Add tab and add any content you want inside.

Available sizes: '1/1'

Attributes:

• Title (title for timeline item)
• Content (text for timeline content section)

4.2.44 Visual Editor

This item is best choice for those who don`t like coding with html or css. Just put what you need and style it.

Available sizes: '1/6', '1/5', '1/4', '1/3', '1/2', '2/3', '3/4', '1/1'

Attributes:

• Title - visible only via admin panel - item label
• Visual Editor - put text, media or other stuff and style if for your needs with visual editor

4.2.45 Countdown

Great item for all those who want to put countdown in any place on page.

Available sizes: '1/1'

Attributes:

• Launch Date - type launch date in the following format: 12/30/2014 12:00:00 | month/day/year hour:minute:second
• UTC Timezone - choose your timezone

SPECIAL ITEM - "SECTION"

This is totally new item which gives you lot`s of possibilities with creating pages. Now you can split each page, post or portfolio item for sections. Section is a part of page and can have own settings. Please take a look on image next to.

Attributes:

• Title (for backend purposes only)
• Background | Image (you can upload image/pattern for background section)
• Background | Image position (choose position for background image)
• Background | Color (you can choose color for background)
• Separator (you can choose 1 of 8 pre-defined separators for better look)
• HTML5 | mp4 video (you can upload background video for section)
• HTML5 | ogv video (you need to upload both: mp4 and ogv for cross-browser compatibility)
• Layout (you can choose if you want section with sidebar or not - each section can have own sidebar what is really amazing and people loves it)
• Sidebar (choose sidebar for section)
• Padding | Top (you can add top padding for section if you want)
• Padding | Bottom (you can add bottom padding for section if you want)
• Column Margin (bottom margin for inner columns)
• Navigation (arrows between sections)
• Style (choose 1 of 5 predefined styles for section)
• Custom CSS classes (you can type own class for section - this is really great option for all those who want to get special style for section). For example you can add here my-own-super-section class and then you can go to BeTheme options > Custom CSS & JS > Custom CSS and write there own styles for this class:

  .my-own-super-section { margin: 30px; padding: 20px; font-size: 15px; etc... }

  This is just example of what you can do so please do not use above css :)

  If you want to use multiple classes then please separate them with SPACE. We have one built-in class for this section which is named dark and you can use it if you want to get dark  background.

• Custom ID (useful option for one page websites especially or for custom css changes)
• Responsive Visibility (you can choose on what devices section should be visible or not)

4.4 Raw/Text Shortcodes

As you know, shortcodes are really useful in creating pages, and they accelerate your work. That`s the main reason why have created them. Below you`ll learn how to use them in the "Be|theme" theme. There is a lot of them and they are easy to use.

4.4.1 Adding shortcodes in content using wp-editor

You can use shortcodes directly in WP editor. Just click on "[]+" button. After that you`ll see whole list of shortcodes. After select right shortcode and click "Insert", the shortcode will be inserted into editor.

1) Alert - this shortcode allow you to add some nice alerts. This item got only one attribute:

• style (choose between error, info, success, warning)

Below you can see the example of Alert shortcode:

[alert style="warning"]Insert your content here[/alert]

Example of usage you can check on Typography page.

4) Code - this shortcode is for presenting code on website (code is not parsed in this section at all) and have no attributes available. Just content inside.

Below you can see the example of Code shortcode:

[code]Insert your content here[/code]

6)  Divider - This item is creating space between elements. It is also aligning for a single line, boxes located underneath.

Divider shortcode got 4 attributes:

• height - enter the amount of the divider height (in px)
• style - you can choose between 3 different divider styles: default, dots and zigzag
• line - you can choose between 4 different styles: default, narrow, wide or 0 (0 means no line)
• themecolor (choose between 0 or 1 - means color for this line comes from theme color option)

Example of this shortcode below:

[divider height="30" style="default" line="default" themecolor="1"]

Example of usage you can check on Typography page.

7)  Dropcap - this shortcode create nice looking part of text, where one letter is featured. Attributes for this item you can see below:

• background - background color in hex format, ex: #000000
• color - text color in hex format, ex: #FFFFFF
• circle - choose between 0 (default look) and 1 (circle style)

Example of this shortcode below:

[dropcap background="" color="" circle="0"]I[/dropcap]nsert your content here

Example of usage you can check on Typography page.

9)  Highlight - this item create text with nice highlight effect. This item got 2 attributes:

• background - background color for highlighted text
• color - text color for highlighted text

Example of this shortcode below:

[highlight background="" color=""]Insert your content here[/highlight]

Example of usage you can check on Typography page.

11)  Icon - you can add any icon you want on page. This item got only 1 attribute:

• type - type name of icon you want use

Example of this shortcode below:

[icon type="icon-lamp"]

Example of usage you can check on Typography page.

14)  Idea - this shortcode create nice box with text inside. This looks like true idea box. Item don`t have any attributes, just text inside.

Example of this shortcode below:

[idea]Insert your content here[/idea]

Example of usage you can check on Boxes & Infographics page.

15) Image - this is a very useful shortcode for embedding images into page. This item got a long list of available atrributes:

• src (url to image)
• align (optional alignment for image) - available values: none (default), left, right,center
• caption (optional) - text available under the image
• link (optional) - link for larger image or other page
• link_image (optional) - link to larger version of image
• target (optional, works only with "details" link_type) - link target, available value: "_blank" (open in new window)
• alt (optional) - alternative text for image
• border - type 1 if you want border around image or 0 if not.

Below you can see some examples of this shortcode:

[image src="" align="" caption="" link="" link_image="" target="" alt="" border="0"]

Example of usage you can check on Typography page.

17) Tooltip - great shortcode that you can use in any place you want. Under regular text shows small box where you can rollover some more informations. This item got only one attribute:

• hint - text visible in box under main text

Example of this shortcode below:

[tooltip hint="Insert your hint here"]Insert your content here[/tooltip]

Example of usage you can check on Typography page.

19) Tooltip Image - shortcode similar to tooltip but with additional image:

• hint - text visible in box under main text
• image - path for image

Example of this shortcode below:

[tooltip_image hint="Insert your hint here" image=""]Insert your content here[/tooltip_image]

Example of usage you can check on Typography page.

2) Blog - this item gives you many possibilities. You can put blog on any page you like and you can use it with other shortcodes as well.

This item got few attributes:

• count (type number of posts that you want to show with blog shortcode)
• category (type name of category for blog shortcode, ex: "applications")
• style (we got 3 predefined styles for blog items - choose your own from the following one: classic, masonry or timeline)
• pagination (choose 1 if you want to get pagination or 0 if you don`t want)

Below you can see the example of Blog shortcode:

[blog count="2" category="all" style="modern" pagination="0"]

4) Chart - use this item if you want to put some charts on your page.

This item got 4 attributes:

• percent (type number of percents for chart shortcode)
• label (text in chart icon)
• icon (put icon name instead of percent label)
• image (you can also put image instead inside this item)
• title (type title for this item)

Below you can see the example of Chart shortcode:

[chart percent="50" label="50" position="left" title=""] Insert your content here [/chart]

Example of usage you can check on Boxes & Infographics page.

5) Clients - with this shortcode you can put clients on page.

This item got just one attribute "in_row" and you must type the number of client items that you want to display.

Below you can see the example of Clients shortcode:

[clients in_row="6"]

Example of usage you can check on Loops page.

8) Fancy heading - use this shortcode if you want to get not just typical heading. You can create different styles with icons and other stuff.

This item got 4 attributes:

• title (type title)
• icon (type any icon you want from list of available icons)
• slogan (small text visible under main text)
• style (you can choose one of the following value for this attribute: icon, line and arrows)

Below you can see the example of Fancy heading shortcode:

[fancy_heading title="" icon="icon-heart-line" slogan="Slogan text" style="icon"] Insert your content here [/fancy_heading]

Example of usage you can check on Content elements page.

9) Feature list - using this shortcode you can create list of nice feature elements with icons and text.

This item got 3 attributes:

• title (type title)
• link (url address)
• icon (type any icon you want from list of available icons)
• target (optional target for link, ex. "_blank")
• animate (entrance animation on scroll)

Below you can see the example of Feature list shortcode:

[feature_list][item title="" link="" icon="icon-lamp"][item title="" link="" icon="icon-lamp"] [item title="" link="" icon="icon-lamp"] [/feature_list]

Example of usage you can check on Content block page.

12) Info box - nice box with some informations and lists inside.

This item got 7 attributes:

• title (type title)
• image (image will be used for background)

Below you can see the example of Info box shortcode:

[info_box title="" image=""]Insert your content here[/info_box]

Example of usage you can check on Content elements page.

13) List - shortcode with icon or image on the left side and title/text on the right

This item got 6 attributes:

• icon (type icon name that you want use for item)
• image (instead of icon above, you can use image)
• title (large text visible on the right side)
• link (url for item)
• target (optional target for link, ex. "_blank")
• style (choose between 1, 2, 3 or 4 to select right style)

Below you can see the example of List shortcode:

[list icon="icon-lamp" image="" title="title text" link="#" target="_blank" style="1"]Insert your content here[/list]

Example of usage you can check on Content blocks page.

15)  Map - this shortcode allow you to add map with any size you want in any place.

This item got 4 attributes:

• lat - right Latitude value for map
• lng - right Longitude value for map
• height - type height in px for your map
• zoom - type number for google map zoom, ex: 13

Example of this shortcode below:

[map lat="" lng="" height="200" zoom="13"]

Example of usage you can check on Content elements page.

To get right lat & lng value we recommend to use http://itouchmap.com/latlong.html tool.

18) Our team list - present your staff using this shortcode.

This item got 9 attributes:

• image - type path for image
• title
• subtitle
• blockquote
• email - type email for our team item
• phone - type phone number for our team item
• facebook - type link for facebook profile - always start with http://
• twitter - type link for twitter profile - always start with http://
• linkedin - type link for linkedin profile - always start with http://

Example of this shortcode below:

[our_team_list image="" title="" subtitle="" blockquote="" email="" phone="" facebook="" twitter="" linkedin=""]Insert your content here[/our_team_list]

Example of usage you can check on Content elements page.

19) Photo box - good looking box with title, text and image with nice hover effect.

This item got 4 attributes:

• image - type path for image
• title - large text visible under image
• link - url to any page
• target - optional target for link, ex. "_blank"

Example of this shortcode below:

[photo_box image="http://#" title="Title" link="#" target="_blank"]Insert your content here[/photo_box]

Example of usage you can check on Boxes & Infographics page.

22) Progress bars - present your skills using this shortcode.

This item got 3 attributes and is splitted on 2 blocks:

• title - type title for general progress bars item
• title - type title for bar inside progress bar section
• value - type value for bar

Example of this shortcode below:

[progress_bars title=""][bar title="Bar1" value="50"][/progress_bars]

Example of usage you can check on Boxes & Infographics page.

23) Promo box - nice box with image, title, text and button. 2 different styles available for this item.

This item got 7 attributes:

• image - type path for image
• title - large text visible next to image
• btn_text - type text for button
• btn_link - type url for button
• position - choose between left or right position
• border - type 1 if you want border or 0 if not
• target - optional target for link, ex. "_blank"

Example of this shortcode below:

[promo_box image="" title="Title text" btn_text="Read more" btn_link="#" position="left" border="0" target="_blank"]Insert your content here[/promo_box]

Example of usage you can check on Boxes & Infographics page.

26) Slider - present images in slider mode

This item got 3 attributes:

• category - type name of category or type all if you want to show all slides
• orderby - you can order items by: date, menu_order or title
• order - you can order items by ASC or DESC

Example of this shortcode below:

[slider category="" orderby="date" order="DESC"]

27) Sliding box - great looking box with image and nice hover effect

This item got 4 attributes:

• image - put path for the image
• title - text visible in the bottom of image
• link - type url for image
• target - optional target for link, ex. "_blank"

Example of this shortcode below:

[sliding_box image="" title="" link="" target="_blank"]

Example of usage you can check on Boxes & Infographics page.

30) Countdown - this shortcode is great to put time countdown in any place you want.

This item got 2 attributes:

• date- type launch date in the following format: 12/30/2014 12:00:00 | month/day/year hour:minute:second
• timezone - choose your timezone

Example of this shortcode below:

[countdown date="12/30/2014 12:00:00" timezone="0"]

Example of usage you can check on Under construction page.

32) Accordion

This item got 3 attributes:

• title- accordion title
• open1st - choose 0 if all accordions should be closed or 1 if 1st should be opened
• style - choose between accordion and toggle styles

Example of this shortcode below:

[accordion title="" open1st="0" style="accordion"][accordion_item title="Title"]Content[/accordion_item][/accordion]

Example of usage you can check on Content blocks page.

34) Tabs

This item got 2 attributes:

• title- tab title
• type - choose between horizontal and vertical styles

Example of this shortcode below:

[tabs title="" type=""][tab title="Title"]Content[/tab][/tabs]

Example of usage you can check on Content blocks page.

35) Shop slider

This item got 5 attributes:

• title- tab title
• count - type how many products items you would like to show
• category - choose from which category you want to show Shop Slider
• orderby - you can order slides by date, menu and title
• order - above options can be ordered ASC or DESC

Example of this shortcode below:

[shop_slider title="" count="5" category="" orderby="date" order="DESC"]

Example of usage you can check on Loops page.

37) Blog slider

This item got 5 attributes:

• title- tab title
• count - type how many portfolio items you would like to show
• category - choose from which category you want to show blog items
• category_multi - type ID of various categories if you want to show items from different categories (separate with comma)
• orderby - you can order slides by date, menu and title
• order - above options can be ordered ASC or DESC

Example of this shortcode below:

[blog_slider title="" count="5" category="" category_multi="" more="0"]

Example of usage you can check on Loops page.

In package downloaded from Themeforest you can find revolution-slider-demo folder where you got many .zip files with different sliders for different homepages.

On the list of available sliders, in the right bottom section you will see "Import Slider" button. All you need to upload slider is choose right .zip file with slider from revolution-slider-demo folder and then you must click "Import Slider" button.

6.1.1 General

In this section you can set up some general options for your site. You can find here things like grid, layout, etc. Please check below options available in this section:

• 960px grid - turn this option on if you want to use 960px grid for whole website (you can setup this option for inner pages separately also)
• Favicon - upload your custom favicon image in .ico format
• Layout - choose between Boxed and Full width layouts
• Background Image - background image for Boxed layout
• Background Image | Position - position for background image

6.1.2 Logo

In this section you can set up some options related with logo. Please check below options available in this section:

• Logo - upload logo that fit the best for your homepage layout
• Retina Logo - upload logo that fit the best for your homepage layout (retina logo must be 2x larger than regular homepage logo)
• Sticky Header | Logo - if you need different logo for sticky header, please upload it here
• Sticky Header | Retina Logo - if you need different logo for sticky header, please upload it here (retina logo must be 2x larger than regular homepage logo)
• Text Logo - type text if you prefer text logo instead of an image
• Options - some additional options for logo

6.1.3 Sliders

In this section you can setup timeouts for different sliders on page:

• Blog - type in miliseconds time between transitions.
• Clients - type in miliseconds time between transitions.
• Offer - type in miliseconds time between transitions.
• Portfolio - type in miliseconds time between transitions.
• Shop - type in miliseconds time between transitions.
• Slider - type in miliseconds time between transitions.
• Testimonials - type in miliseconds time between transitions.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.1.4 Advanced

In this section you can set up some advanced options for your site. Please check below options available in this section:

• Builder | Visibility - choose who can see Muffin Builder (Author, Editor, Administrator or everyone).
• Content | Display Order - choose the way of how content should be displayed (1st muffin builder or wordpress editor)
• Math Animate | Disable - ON/OFF animation for Counter and Quick Fact items
• Post Type | Disable - disable post types if you don't need them
• Static CSS - for more info please visit Static CSS section.
• Theme Functions | Disable - if you don't need options listed under this section, you can easily disable them

6.1.5 Hooks

This is section where you can put some code (especially html) that allow you to show different things and elements in places that are not available from Muffin Builder or Visual Composer tools. For example if you want to put some code above header (banner or information about cookies), then put code in Top field.

6.2.1 Header

This section was created especially for header. Here you can set up some options like:

• Header | Style - choose own header style (Modern, Classic, Creative, Creative: Always Open, Stack: left, Stack: center, Stack: right, Simple, Empty, Fixed, Below slider, Transparent, Magazine, Split menu, Below slider with split menu and Overlay)
• Header | Options - some options for header section like: Full Width or Boxed Sicky Header.
• Header | Image - upload own header background image if you don`t want default one (image will be applied for all pages instead of default). You can also upload different header images for different pages but this can be done while you edit/create page on right side where is Set featured image option.
• Header | Image Attachment - choose between fixed or parallax header background position.
• Header | Minimalist - turn it on if you want to use header without background image & padding
• Header | Sticky - turn on/off sticky header
• Header | Sticky Style - choose between white and dark sticky styles.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.2.2 Subheader

Here you can set up some options related with subheader.

• Alpha (transparency) - subheader transparency
• Image - background image for subheader section
• Show with Slider - ON/OFF subheader on pages with slider
• Style - choose between different subheader styles
• Visiblity - subheader visibility

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.2.3 Extras

Additional options related with header and subheader.

• Action Button | Title - title for action button in header top bar
• Action Button | Link - link for action button in header top bar
• Action Button | Options - additional options related with action button
• Banner - type header magazine banner code
• Search Icon - turn ON/OFF search icon in header
• Sliding Top - turn it on if you want to show widgitized area sliding from top (widgets for this section can be setup in Appearance > Widgets section)
• Sliding Top | Icon - choose icon for Sliding Top section
• WPML Languages Flags - choose between Dropdown and Horizontal style or hide them completely

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.3.1 Menu

This section was created especially for menu. Here you can set up some options like:

• Style - choose between 4 different menu styles
• Align Right - ON/OFF right align for menu items

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.3.2 Action Bar

This section was created especially for Action Bar section. Here you can set up some options like:

• Action Bar - ON/OFF section under header where slogan, phone, email address and social icons are.
• Slogan - slogan text visible under the menu
• Phone - phone is visible next to slogan text
• 2nd Phone - phone is visible next to slogan text
• Email - email is visible next to phone number

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.4.1 Sidebars

This is default option for pages and posts. Here you can set whether your post or page should have full width or maybe include a sidebar (left or right). For example when you choose Left sidebar each of your pages or post that you will create will have left sidebar. Of course, this is only default option and while creating page or post you can set up your own layout.

You can also manage your Sidebars here. You can add new and delete existing one.

URGENT! Please do not use any special characters for Sidebars titles because wordpress do not accept them.

• Sidebars - add/delete sidebars
• Width - choose sidebar width
• Lines - sidebar lines style
• Page | Layout - force layout for all pages
• Page | Sidebar - force sidebar for pages
• Page | Sidebar 2 - force 2nd sidebar for pages
• Post | Layout - force layout for all posts
• Post | Sidebar - force sidebar for posts
• Post | Sidebar 2 - force 2nd sidebar for posts
• Portfolio | Layout - force layout for all portfolio pages
• Portfolio | Sidebar - force sidebar for portfolio pages
• Portfolio | Sidebar 2 - force 2nd sidebar for portfolio pages

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.5.1 General

General options related with blog, portfolio and shop pages

• All pages in navigation - ON/OFF pagination
• Navigation Arrows - enable/disable navigation arrows
• Share Box - ON/OFF share box
• Title Heading - choose single title heading

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.5.2 Blog

Options related with blog pages only

• Posts per page - you can select how many posts should be on page
• Layout - choose layout for blog thatyoulike the most (Classic, Masonry or Timeline)
• Excerpt Length - number of words visible in excerpt on Blog page
• Post Title - turn ON/OFF post title for single post
• Post Meta - show all post meta for blog posts
• Load More button- turn ON/OFF load more button for blog page
• Blog Page - this option allow you to assing right page for blog
• Single Post | Author Box - this option will show autor box under single post page
• Single Post | Related Posts - this option will show related posts under single post page
• Single Post | Comments - turn ON/OFF comments for single posts
• Single Post | Zoom Image - ON/OFF zoom for image on single post page
• Single Post | Layout ID - if you need different layout for single post pages, please type layout ID
• Random Love - if you want to show random number of loves for posts on start, click "Randomize" button

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.5.3 Portfolio

This option will certainly be very helpful in creating your portfolio page. Here you can set the following options:

• Posts per page - this is the number of portfolio posts per page.
• Layout - you can choose what layout will be the best for your portfolio (list, flat, grid, masonry or masonry flat)
• Full width style - ON/OFF full width for portfolio
• Order by - you can select what should be used to sort your portfolio.
• Order - you can choose how your portfolio should be ordered (ascending or descending).
• Hover Title - ON/OFF titles for portfolio items.
• Portfolio Link - choose the way to open portfolio link.
• jQuery filtering - you can choose if you want to filter portfolio items using jquery plugin to make your portfolio look much better.
• Load More button - ON/OFF button for ajax load more feature.
• Portfolio page - here you can select the right page for portfolio from list of all created pages. You need to choose a page for that because the theme applies info such a layout, sidebar and link to page in breadcrumbs.
• Single Project | Related projects - turn on/off related projects on project's page.
• Single Project | Comments - ON/OFF comments on single project's page.
• Random Love - if you want to show random number of loves for posts on start, click "Randomize" button
• Permalink | Single Project Slug - this is a link to single item. After changing that option please go to "Settings > Permalinks" and click "Save changes" button.
• Permalink | Category Slug - this is a link to categories. After changing that option please go to "Settings > Permalinks" and click "Save changes" button.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.5.4 Shop

This section have some options related with Woocommerce plugin:

• Catalogue Mode - ON/OFF catalogue mode for shop page (catalogue is without "Add to cart" buttons)
• Images - choose between different styles for images
• Layout - choose between Grid (3 or 4 columns), Masonry or List layouts for shop page.
• Products per page - type the number of products you would like to see per page.
• Shop slider - choose slider for shop pages if you like
• Product | Image - choose if you want to use default feature or external plugin
• Product | Related - turn on/off related products on single product`s page.
• Product | Style - choose style for single product page.
• Cart Icon - choose own icon in header instead of default cart icon.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.6.1 General

General options related with pages

• Page comments - ON/OFF comments for pages

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.6.2 Error 404

Options related with Error 404 page

• Icon - choose icon for Error 404 page
• Custom Page - choose own 404 page if you don't like default

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.6.3 Under Construction

Options related with under construction page

• Under Construction if you will turn this button ON, then under construction page will be visible for all NOT logged in users. Click here to view this page.
• Title - title text is visible under clock icon on page.
• Text - text is visible under under title.
• Launch date - type estimated time when you are planning to finish website and show it to users.
• UTC Timezone - choose right timezone from list.
• Contact Form Shortcode - type shortcode for contact form which you have created in Contact Form 7 plugin. You can create any form you want and give it for users.
• Custom Page - instead of default under construction page, you can select your own.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.7.1 General

Options related with footer

• Layout - choose between different footer layouts
• Style - choose between different footer styles
• Background Image - upload background image if you like
• Call To Action - call to action text under the footer widgets
• Copyright - type your own text for copyright section if you don`t like default one
• Copyright & Social Bar - you can hide footer section where copyrights and social icons are
• Popup Contact Form Shortcode - type Contact Form 7 shortcode if you like to get popup email icon on the right side

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.8.1 General

Options related with responsive mode

• Responsive - ON/OFF responsive mode
• Options - enable/disable additional options related with responsive mode
• Decrease Fonts - ON/OFF smaller fonts on smaller devices
• Hover Effects - enable/disable hover effects on mobile devices
• Menu Button | Sticky - ON/OFF mobile sticky menu button
• Menu Button | Text - type own text insstead of menu icon
• Section Background Image

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.9.1 General

Options related with SEO

• Google Analytics - paste your Google Analytics code to track your site
• Google Remarketing - paste your Google Remarketing code to add potential customers to Google list
• Use built-in SEO fields - if you are using external SEO plugin you can easily turn off built-in SEO option.
• Meta Description - this is meta description for homepage but it`s also default description for each page added in Pages section.
• Meta Keywords - this is meta keywords for homepage but it`s also default keywords for each page added in Pages section.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.10.1 General

Options related with socials

• Open links in new window - turn ON, if you want to open social profiles in new window
• Skype - link to your skype profile
• Facebook - link to your facebook profile
• Google + - link to your Google + profile
• Twitter - link to your twitter profile
• Vimeo - link to your vimeo profile
• YouTube - link to your youtube profile
• Flickr - link to your flickr profile
• LinkedIn - link to your LinkedIn profile
• Pinterest - link to your Pinterest profile
• Dribbble - link to your Dribbble profile
• Instagram - link to your Instagram profile
• Behance - link to your Behance profile
• VKontakte - link to your VKontakte profile
• Viadeo - link to your Viadeo profile
• Xing - link to your Xing profile
• RSS Icon - ON/OFF RSS icon next to social icons

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.11.1 Addons

Options related with addons

• Nice Scroll - choose if you want to use scrollbar with a very similar ios/mobile style
• Nice Scroll | Speed - speed of nice scroll feature
• Gallery Shortcode | Disable - ON/OFF default gallery if you use external gallery plugin
• Pretty Photo | Options - additional options related with pretty photo
• Pretty Photo | Style - choose between different pretty photo styles
• Pretty Photo | Width - pretty photo popup width for iframe videos
• Pretty Photo | Height - pretty photo popup height for iframe videos

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.11.2 Premium Plugins

Options related with premium plugins, like: Revolution Slider, Layer Slider or Visual Composer. In this section you can choose if you want to use plugin bundled into package or not.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.12.1 General

Only two options are available in this section:

• Theme skin - here you can choose one of the predefined styles or you can set your own colors. Please remeber that custom color can be used only with the Custom Skin.
• Body background - choose color for your background
• One Color - you can choose one color for all elements around page and within this option you can create own skin color

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.12.2 Header

• Action Bar background - background color for action bar in the top
• Header background - background color for header section
• Top Bar Left background - background color for left top bar section
• Top Bar Middle background - background color for middle top bar section
• Top Bar Right background - background color for right top bar section
• Menu Link color - link color for menu item
• Menu Active Link color - link color for active menu item
• Submenu background - background color for submenu section
• Submenu Link color - link color for submenu section
• Submenu Hover Link color - link for submenu section on hover
• Search Bar background - background color for search bar section
• Subpage Title color - title text color for subpage

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.12.3 Content

• Theme color - you can choose one color for many elements on page like icons, buttons and other stuff.
• Text color - text color for content
• Link color - text color for links
• Link Hover color - hover color for links
• Note color - color for note
• List color - color for list's icons
• Dropcap & Highlight background - background color for highlight and dropcap shortcodes
• Highlight Section background - font color for highlight section
• Hr color - color for line shortcode
• Button background - background color for button shortcode
• Button color - text color for button shortcode

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.12.4 Footer

• Footer Theme color - color for icons and other small elements
• Footer background - background color for footer section
• Footer Text color - text color for footer section
• Footer Link color - link color for footer section
• Footer Hover Link color - link color for footer section on hover
• Footer Heading color - heading text color for footer section
• Footer Note color - note color for footer section

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.12.5 Sliding Top / Widgetized area

• Sliding Top Theme color - color for icons and other small elements
• Sliding Top background - background color for Sliding Top section
• Sliding Top Text color - text color for Sliding Top section
• Sliding Top Link color - link color for Sliding Top section
• Sliding Top Hover Link color - link color for Sliding Top section on hover
• Sliding Top Heading color - heading text color for Sliding Top section
• Sliding Top Note color - note color for Sliding Top section

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.12.6 Headings

• Heading H1 color - text color for h1 (Subpages header title font color)
• Heading H2 color - text color for h2
• Heading H3 color - text color for h3
• Heading H4 color - text color for h4
• Heading H5 color - text color for h5
• Heading H6 color - text color for h6

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.12.7 Shortcodes

• Accordion & Tabs Active Title color - title color for active Accordion & Tabs shortcodes
• Blockquote color - text color for Blockquote shortcode
• Content Link Icon color - icon color for Content Link shortcode
• Counter Icon color - icon color for Counter shortcode
• Get in Touch background - background color for Get in Touch shortcode
• Icon Bar Hover Icon color - icon color for Icon Bar shortcode while hover
• Icon Box Icon color - icon color for Icon Box shortcode
• Image Frame Link background - link background color for Image Frame shortcode
• Image Frame Link color - link text color for Image Frame shortcode
• List & Feature List Icon color - icon color for List and Feature List shortcodes
• Pricing Box Price color - price color for Pricing Box shortcode
• Pricing Box Featured background - featured item background color for Pricing Box shortcode
• Progress Bar background - background color for Progress Bar shortcode
• Quick Fact Number color - number color for Quick Fact shortcode
• Sliding Box Title background - title background color for Sliding Box shortcode
• Trailer Box Subtitle background - subtitle background color for Trailer Box item

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.13.1 Family

• Content Font - this font will be used for all theme texts except headings and menu
• Main Menu Font - this font will be used for header menu
• Page Title Font - this font will be used for subheader title
• Big Headings Font - this font will be used for all big headings, like: H1, H2, H3 and H4
• Small Headings Font - this font will be used for all small headings, like: H5 and H6
• Blockquote font - this font will be used for blockquote item
• Google Font Style & Weight - you can upload only those font styles which you want to use. This option impact on page load time. Before you check option, make sure that font you selected works with specific font. Style and weight for fonts you can check at https://www.google.com/fonts
• Google Font Subset - you can specify which subsets should be downloaded. Multiple subsets should be separated with coma (,)

You can choose your own font from a palette of over 600 fonts.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.13.2 Font Size

• Content - this font size will be used for all theme texts
• Main menu - this font will be used for top menu only
• Heading H1 - this font will be used for h1 headings
• Heading H2 - this font will be used for h2 headings
• Heading H3 - this font will be used for h3 headings
• Heading H4 - this font will be used for h4 headings
• Heading H5 - this font will be used for h5 headings
• Heading H6 - this font will be used for h6 headings

You can select the font size of the range 1-70.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.13.3 Custom

• Custom Font | Name – type custom font name that will be uploaded in 4 below fields
• Custom Font | .woff - .woff file for custom font
• Custom Font | .ttf - .ttf file for custom font
• Custom Font | .svg - .svg file for custom font
• Custom Font | .eot - .eot file for custom font
• Custom Font 2 | Name – type 2nd custom font name that will be uploaded in 4 below fields
• Custom Font 2 | .woff - .woff file for 2nd custom font
• Custom Font 2 | .ttf - .ttf file for 2nd custom font
• Custom Font 2 | .svg - .svg file for 2nd custom font
• Custom Font 2 | .eot - .eot file for 2nd custom font

IMPORTANT!!! We added fields for custom fonts. If you have own font and don`t want to use any of Google Fonts, you can upload own files for this font and use it inside theme. Each font consists from 4 files: .woff, .ttf, .svg and .eot and all those files must be uploaded in right fields. Only then your font will work properly. After upload you can select custom font for right sections.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.14.1 General

It depends how you want translate your theme. If you don`t want to translate using .mo and .po files you can do it easily in this section.

• Enable Translate - you can turn it off if you want to use .mo/.po files for more complex translation.
• Search Placeholder - here you can set up placeholder text for Header and Widget Search
• results found for: - here you can set up placeholder text for search page
• Home - here you can set up breadcrumbs text
• Prev page - text available on pages with pagination
• Next page - text available on pages with pagination
• Load more - text available on pages where Load More button is available
• No translations available for this page - text available in header when you use WPML plugin
• Days - text available on pages with countdown
• Hours - text available on pages with countdown
• Minutes - text available on pages with countdown
• Seconds - text available on pages with countdown

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.14.2 Blog & Portfolio

This is area where you can set up some texts for your portfolio and blog page.

• Filter by - text visible on blog and portfolio pages
• Tags - text visible on Blog page
• Show all - text visible on blog and portfolio pages
• Published by - text visible on blog and portfolio pages
• at - text visible on blog and portfolio pages
• Categories - text available on Blog & Portfolio pages
• Read more - text visible on blog and portfolio pages
• Do you like it? - text visible on blog page
• Related projects - text visible on blog and portfolio pages
• Client - text visible on portfolio page
• Date - text visible on portfolio page
• Website - text visible on portfolio page
• View website - text visible on portfolio page
• Task - text visible on portfolio page

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.14.3 Error 404

Now your Error 404 page is 100% configurable. You can set up here below options:

• Title - this is title for error 404 page
• Subtitle - this is subtitle for error 404 page
• Text - text message for error 404 page
• Button - this is text for button on error 404 page

For each fields you can set up your own text.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.15.1 CSS

Please create/paste custom css always here. Make sure css is out of any errors/mistakes.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

6.15.2 JS

Please create/paste custom javascript always here. Make sure javascript is out of any errors/mistakes.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

This section is especially for all those who want to move settings from theme options panel between themes or when you move your website from test server to live. You have few different ways to import or export settings what you can see on image next to.

You can also Reset settings from this section to default if you want so your theme will look like on our demo version.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.

To create a blog please create a new page Pages > Add New and set up the title eg. Blog. In field Template leave default option on Default Template. In bottom section you will find Page options such as Layout and Sidebar. As you probably have guessed, you can choose whether your blog should be on full width or whether you want it with the sidebar (left or right). If you want blog with the sidebar you should also select the right sidebar for your page.

You can also add video for each post. In section Post option, uder the Visual/HTML default editor you have some options to set. In this section you can set up Vimeo or Youtube video.

At the end please click Publish button on the right.

In the next step please go to Settings > Reading > Front page displays > A static page > Posts page, select page that you have already created and click Save changes.

We have created some features specifically for bloggers. You will find them in Theme options panel > Blog, Portfolio & Shop > Blog. These options are set on default for each new post. Full description of options for blog can be found in section Theme Options

Adding new posts works similar to standard WordPress Posts > Add New. Posts will be displayed on the already created page.

Images for posts we can add using featured image.

With the latest version you can use Muffin Builder inside posts. Of course you can still use wordpress default editor but if you want create something advanced then you can use our easy to use builder - the same as for pages. Under muffin builder you can find also a lot of options what you can see on the image next to.

With this version we created also posts formats what you can also see on screenshot above. We already did 4 posts formats: Standard Horizontal Image, Vertical Image, Quote, Video and Link.

For more info about post creation please go to http://en.support.wordpress.com/posts/. You can also check the movie about how to create a post http://www.youtube.com/watch?v=Sa4uimrgNz8

To create a portfolio please start by creating a new page Pages > Add New and setting up the title eg. Portfolio. In field Template set the option Portfolio template. In the bottom section you also have Page options such as Layout and Sidebar. As you have probably guessed, you can select whether your portfolio should be in full width or whether it should be with a sidebar (left or right). If you decide on the portfolio with a sidebar you should also select the right sidebar for your page.

In Portfolio section you can also add videos from Vimeo or Youtube or even upload own videos in mp4 format  for each portfolio item. Please don`t forget set up featured image for portfolio item when you are adding video.

We have created some options for Portfolio page. You can find them in Theme options panel > Blog, Portfolio & Shop > Portfolio. More info about these options can be found in Theme options panel.

Porfolio items are working just like typical post. To add a new portfolio please go to Portfolio > Add new. As you can see you choose similiar options as for a blog. Additionally, in the bottom section of the page you have Page options. Here you can choose whether you want a full width portfolio or the one with a sidebar (left or right). When you choose the option with a sidebar please don`t forget to select the right sidebar for this page.

You can also type Excerpt and select Featured image. After that please just click Publish button.

With Be|theme, we added many new options for Portfolio. Now, whole content inside portfolio item can be created with Muffin Builder (of course you can use wp default editor as well if you want). It works the same way as for standard pages. Under Muffin Builder you can also find more options like SEO fields, slider, sidebars and many other. All available options for Portfolio item you can see on the right side image.

Menu creation works as in default Wordpress.

To add your own menus go to Appearance > Menus, type Name for your menu and click Create Menu. In next step, in section Theme Locations for position Main menu you need to choose a menu that you’ve just created.

Now you can add Pages, Posts and Custom Links from blocks located on the left. At the end you need to save it by clicking on Save Menu.

If you want to add special things to menu like portfolio categories, posts categories, classes for links, etc. then please click on "Screen options" button in right top corner and there is much more options that can be used for menu items.

For more info about the menu creation please go to http://en.support.wordpress.com/menus

With this theme we also created Mega Menu option so you can create nice menus with items in columns with titles or without. If you want to create mega menu as we did for "Shortcodes" section on our demo, then it should be done as on image next to.

For Mega Menu columns you must add menu item with # "URL" attribute and - as "Navigation label" value. Under this empty columns you can add right menu items.

But if you want columns with "Titles" at the top, then instead of - you must type own value.

To understand how we built menu with MegaMenu options, we recommend to upload xml file with dummy content so you can learn faster and easier how it works.

OLD METHOD

If you create one page website or just want to use links with hashtags around one page, you need to create links with hashtags "#". For example if your website is http://website.com and on this page you want create links with hashtags for sections, in Appearance > Menus section you need to create link like http://website.com#section1

Also for sections that you want link for, you must type right Custom ID which must be the same as value after # in link. So in this case Custom ID must be section1. Custom ID can be setup only for "Section" item inside Muffin Builder.

But if you want to get smooth scrool effect for those menu items, you need to setup right CSS Classes field for each menu item which should have this effect. To do that, in Appearance > Menus section please click in right top corner on "Screen Options" button, check "CSS Classes" field and after that, under each menu item you will see "CSS Classes" field. Inside you must type scroll value. After that you will get this effect for each menu item for which you typed scroll value.

NEW METHOD

The only difference between OLD and NEW method is that you don`t need to setup scroll class for menu items but the whole rest works the same. Instead of class, you must turn ON One Page option in Page options section while you create or edit page.

The new method works much faster and scroll is smoother. We recommend to work with NEW METHOD instead of OLD one.

At first please go to Plugins > Add new section and type "WooCommerce" into search field. Then click "Search Plugins" button.

After that you will results and what you need to do is click on "Install now" button next to "WooCommerce - excelling eCommerce" plugin.

After that plugin will be installed and please click "Activate plugin" link.

Later you will then see a WooCommerce Purple Notfication Bar at the top of the plugin page. Click the Install WooCommmerce Pages button in the purple bar to install all the default pages.

Please Note: Once you are done installing WooComerce and the default pages, you can go to the Appearance > Menu section of your admin and choose to add all the WooCommerce pages to your menu. They will be listed at the top under the most recent pages.

Go to Products > Add product section. After that you will see page wich looks like below and all you need to do is fill those fields with own values.

All info about adding new product you can read on http://docs.woothemes.com/document/managing-products/

To do it you can use two best tools available for free in your web browser. If you`re using Google Chrome you can inspect element that you need to change by "Inspect element". To do it just hover mouse on element and click "Inspect element". After that you`ll see something like on image next to.

As you can see on the image, on the left side there is a list of styles used for each class/id. If you want to change something, you can edit it on the screen and see how the elements look like. If everything is good and you want to make the same changes on your site please copy right styles from box of right side, for example:

#weekly-features .inner-border { 
    height: 80px;
    padding: 20px;
}

and paste this code into: Theme options > Styles > Custom CSS code. If you want to paste this code instead of Custom CSS code you can do it in custom.css file. The result will be identical. It`s up to you to decide on which way to use.

Apart from Google Chrome, we also suggest to use Firebug for Firefox. In contrast to Google Chrome, Firebug must be installed at first before you can use it. To do so please click Firefox in the left top corner > Add-ons and then search for Firebug and install it. When you get it into your browser you can use it the same way as with Google Chrome but instead of clicking "Inspect element" please click "Inspect element with Firebug". On the screen below you can see that it will look very similar to Inspect element in Google Chrome.

As you can see on image, on the left side there is a list of styles used for each class/id. If you want to change anything you can edit it on the screen and check what elements look like. If everything is good and you want to make the same changes on your site please copy right styles from box of right side, for example:

#weekly-features .inner-border {
     height: 80px;
    padding: 20px; 
}

and paste this code into: Theme options > Styles > Custom CSS code. If you want to paste this code instead of Custom CSS code you can do it in style.css file. The result will be identical. It`s up to you to decide on which way to use.

As you can see, it`s not difficult to use it and with the support of this tool you can save a lot of time, so we encourage you to try to do it as described and enjoy your new skills.