THANK YOU FOR PURCHASE!

You just purchased one of our best WordPress themes and we hope that you will enjoy with this purchase!

To help us with theme FREE for you updates with new cool staff and new features please take 1 minute to leave stars rating for this theme on ThemeForest:

1. Go to Themeforest, login and navigate to your account
2. Click Downloads link and you will see your purchases list:
   
   
3. Click stars around our theme to leave stars rating:
   
   

4. If you like our theme can you please kindly leave positive 5 stars rating review for our theme on Themeforest? ( check how to do this http://magniumthemes.com/how-to-rate-items-on-themeforest/ ). This is very important for us!
   

   Please do not leave negative review if you have any problems, just let us know and I will help you to fix this.

How to install wordpress in 5 minutes - NEWBIE GUIDE

If you newbie with WordPress, domains and hostings we recommend you to read our ultimate newbie guide "How to start your blog in 5 minutes with WordPress".

For many, when they think of WordPress, they think “blog.” And while WordPress is one of the world’s largest blogging platforms, WordPress is also a complete content management system and is a great way to build many different types of websites. This article will show you how easy it can be to get your blog, or website, up and running quickly.

FREE THEME INSTALLATION SERVICE

You can get FREE WordPress and Theme Installation service for this theme, check here how to apply.

THEME CUSTOMIZATION SERVICES

If you want to have additional theme features that theme does not have by default or want to change theme styles you can always order our theme customization services, check services and prices here.

Hosting RECOMENDATION

We recommend you to use Bluehost hosting to host your sites based on our themes.

Bluehost WordPress hosting is one of the most popular WordPress hosting trusted by millions of customers all over the world. Founded in 1996, it is reputable and serving for more than 850,000 WordPress websites. Besides, there are many blogs and websites recommend BlueHost WordPress hosting. However, is it really trusted? The answer is definitely YES.

Our company used Bluehost for building sites for our clients for years, this is why we can recommend this beautiful hosting for everyone. Bluehost provide excellent customer support, live chat, and reliability, that every serious product needs. This is “All in one” Unlimited CPanel hosting for very cheap price.

When choosing a right web hosting solution, it’s not the cheaper the better, but the more cost effective the better. BlueHost WordPress is very cost effective. It is starting at $3.49/mo, 50% off the regular price $6.95/mo for customers going through this exclusive promotional link.

For the cheap price, BlueHost WordPress hosting also includes a series free features such as 1 free domain name, free site builder, 1000+ free templates & themes, and $100 Google AdWords credits. Besides, it also comes with advanced features as the following list.

• UNLIMITED Domains & Websites Hosting
• UNLIMITED Disk Space & Bandwidth
• UNLIMITED Email Accounts & FTP Accounts
• 1 Free Domain Name
• Secure Shell, SSL, FTP, Stats
• CGI, Ruby (RoR), Perl, PHP, MySQL
• $100 Google Advertising Offer
• 24/7 Phone, Chat & Email Support
• Free Theme Installation service from us ($100 value bonus)
• Moneyback within month

Among the hundreds of web hosts we have reviewed, it’s really hard to find one which can offer more features than BlueHost. Taking the price and features into consideration, BlueHost WordPress hosting is the best cheap WordPress hosting.

Still thinking? Check 5 Reasons To Choose BlueHost For WordPress Hosting article on our website.

Installation

If you don't want to install theme yourself you can always order our WordPress and Theme installation service.

You can skip few basic installation steps in this guide
if you watch and follow our Installation video guide below:

If you don't watched video follow manual steps:

Unzip the file that you download after purchase. The following files and folders will be in the unzipped file:

• barrel.zip (Packed theme file for install)
• barrel folder - theme for manual FTP upload
• Documentation/index.html (This file)
• Documentation/release-history.html - Update instructions for theme updates

The theme can be uploaded in two ways:

• FTP upload: Using your FTP program, upload the non-zipped barrel folder into the /wp-content/themes/ folder on your server.
• WordPress upload: Navigate to Appearance > Install Themes > Upload. Go to browse, and select the zipped barrel.zip file. Hit Install Now and the theme will be uploaded and installed.

Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate Barrel theme.

Check that cache subdirectory in theme folder available for server writing (chmod 0777 or other permissions rules for write on your server).

If you need help installing Wordpress see the link here : http://codex.wordpress.org/Installing_WordPress

After the install finish, go to Barrel Control Panel page, then click Save button import default settings values to database. You don't need to do this if you use 1-Click Demo import feature.

PLUGINS INSTALLATION

After you Activate this theme you will see message in WP admin panel that you must install required plugins and can install recommended plugins. Don't worry - all plugins included with theme and you don't need to download or purchase something.

1. Click Begin installing plugins in this message
2. You must check all required plugins and can check recommended plugins (we recommend it to use, but theme will work without this plugins too):
   
   
3. Select Install in dropdown Bulk Actions menu and click Apply
4. You should get All installations have been completed message with installed Plugins table below it

Barrel theme has included 1-click demo data import feature. This sample data contains menus, sample pages, posts and images. Your site will looks exactly as our demo site if you import sample demo data. We are strongly recommend you to import Dummy Data first time when you use our theme first time.

ONE CLICK DEMO DATA IMPORT:

You can import all theme demo content with one click (posts, pages, products, categories, menus, sample images, sliders, plugins configurations).

1. Go to Appearance > Import Demo Data
2. Click Import Demo Data button and wait until import process will be finished

Check this article how to solve demo data import problems.

Please note that theme data does not have real images from our demo, all demo images will be replaced with sample solid blue color background images (you don't have legal rights to use real images, because you don't purchased it). You need to change demo images to your own real images.

MANUAL DEMO DATA IMPORT (NOT RECOMMENDED):

We does not recommend to use manual XML import. Use this only if you can't import demo data correctly with 1-Click demo data import for some reason (does not related to hosting PHP.ini limits settings - manual import require much higher PHP.ini limits).

1. Go to Tools > Import > WordPress. If you don't installed WP Importer plugin before you will be asked to install it.
2. Select content.xml demo file from /wp-content/plugins/barrel-theme-addons/inc/oneclick-demo-import/demo-files/1/ folder (you need to download this folder files from your FTP first, after theme plugins installation).
3. Submit Upload file and import.
4. Assign posts author to an exitsting user account.
5. You can check to Download and import file attachments checkbox to import all sample images.
   
   Please not that this option require good server with a lot of server memory and CPU available. If you have cheap shared hosting don't check this option. Importing all images will take 10 minutes or more (WordPress will download & generate around 30 MB of test images), depending on your server hardware.
   
   We recommend you to import sample images on local test servers without low memory/time limitation on your PC/Mac (We recommend to use MAMP). You need to set large values for PHP time limit (1 hour or more) and PHP memory limit (256MB or more) in php.ini configuration file on your server before you start importing images.
6. Submit and wait when WP tools download data and attachments to your WordPress site.
7. If you don't see Success message after import or your page just stop loading with or without any error, and your site does not look like our demo this mean your server configuration does not have enougth scripts time limit and memory limit to import all sample data. You should contact your hosting/server provider and ask to increase PHP memory limit and time limits.
   
   Check this article how to solve demo data import problems.
   
   Please note that you does not have legal rights to use any photos and images imported with manual XML import, this images used for demo purposes only. You must change demo images to your own real images.
   

Additionaly you can import sample widgets (sidebars) from our demo:

1. Go to Appearance > Widgets and delete all default WordPress widgets from all theme sidebars.
2. Install and activate Widget Importer & Exporter plugin.
3. Go to Tools > Widget Importer & Exporter.
4. Click Browse... button and select widgets.json file from /wp-content/plugins/barrel-theme-addons/inc/oneclick-demo-import/demo-files/1/ folder (you need to download this folder files from your FTP first, after theme plugins installation).
5. Click Import Widgets button
6. Now you can go to Appearance > Widgets and reconfigure sample widgets in all sidebars to your purposes.

REVOLUTION SLIDER

Revolution slider is very powerful slider with different animations, effects and more, you can read about this slider on its official website.

Please note: We do not develop Revolution slider and don't provide any support about usage, setup or configuration of this slider plugin. You can get Slider support at ThemePunch support website.

This theme include a lot of different demo sliders used on different demo homepages. All sliders automatically import within 1-Click Demo data import. Demo sliders does not have real images from demo website (you will have solid background). If you want to import sliders manually for some reason follow this steps:

1. Go to Revolution Slider section in left WordPress admin panel menu
2. Use Import Slider button:
   
   
3. Click Browse and select some slider ZIP file from /wp-content/plugins/barrel-theme-addons/inc/oneclick-demo-import/demo-files/1/revslider/ folder (you need to download this folder files from your FTP first, after theme plugins installation).
4. Click Import Slider.
5. You will see Imported Slider in your sliders list and now you can use it anywhere in theme (just use Revolution Slider element from our Visual Page Builder elements list when you want to insert slider to page, post or product).
6. You can import all other demo sliders from folder by the same way.
   

Logo SETUP

To add your logo to theme follow steps below.

1. Go to Appearance > Header or Appearance > Customize.
2. If you want to show Retina logo (high resolution logo for retina devices like iPhone, iPad, MacBook Retina, etc) you need to prepare your logo 2x size larger that original. For example if you want to see logo with 200px width on your site you should make your logo 400px width.
3. Click Add new image and Select your logo image and click Save.
   
   
4. Upload light version of your logo (white) as "Logo for Transparent Header", it will be used with transparent header. Image should be the same size and dimensions as your regular logo.
5. You can crop logo image if you want.
6. To Enable retina support (if you uploaded retina size logo) go to Barrel ThemeControl Panel > Header and input your regular logo size option:
   
   
   
   If you have big logo you can adjust Header height value too.
7. Click Save Settings.

Page Builder CONFIGURATION AND Overview

WordPress has evolved into a fully functional CMS. Page Builder completes the transition by giving you a way to create responsive column layouts using the widgets you know and love.

This themes comes with Visual Page Builder with a lot of page builder items and our special MGT items created especialy for this theme, you will have the flexible to display your content to the page.

Our Visual Page Builder allow you to edit pages directly on frontend!

All demo site pages was created in Page Builder provided with theme.

Please refer to page builder video tutorials and import sample data to understand how it works.

Visual page builder have a lot of features, we recommend you to read full Page Builder Documentation guide here.

PAGE builder CONFIGURATION:

1. Go to Visual Composer > Role Manager
2. Check selected Post types as you see on image below for your administrator and other user rules where you will use page builder:
   
   
3. Click Save changes

USING PAGE builder:

1. Add/Edit page, product, portfolio element or post
2. Click Backend editor button near to content area to switch editor to Page Builder
   
   
   
   or click Frontend editor to edit your page directly on your frontend!

1. To add some new Page Builder element click + Add Element button
   
   
2. Select element that you want to add and select its options
   
   
   
   You can read about special theme elements in current documentation.
3. You will see that element was added to your visual content editor. You can move, edit or delete them.
4. Visual page builder have a lot of features, we recommend you to read full Page Builder Documentation guide here.
5. For any questions about Page Builder you can use WP Bakery support forums.
   
   We don't develop Page Builder plugin and does not provide any support about it usage.

SPECIAL CSS CLASS NAMES FOR PAGE BUILDER CONTENT

You can use special predefined CSS class names inside Visual Composer elements settigns in "Class name" field, or in HTML code for content directly.

Change text-transform:

.text-transform-uppercase
.text-transform-none

Change font-weight:

.text-font-weight-normal
.text-font-weight-bold
.text-font-weight-100
.text-font-weight-200
.text-font-weight-300
.text-font-weight-400
.text-font-weight-500
.text-font-weight-600
.text-font-weight-700
.text-font-weight-800
.text-font-weight-900

Change text color:

.text-color-white,
.text-color-white
.text-color-black
.text-color-theme

Change text size:

.text-size-large
.text-size-medium

Add special effect on mouse hover to images (<IMG> tags) inside parrent element (usually you need to add this classes to VC Row with images or image gallery inside):

.effect-hover-img-color - make image greyscale by default and show real colors on hover
.effect-hover-img-grayscale - make image in greyscale colors on hover
.effect-hover-img-opacity - make image semiopacity and remove opacity on hover
.effect-hover-img-opacity-invert - make image semiopacity on hover

Example of usage for VC Row with images slider inside:

You can combine classes to add multiple effects.

HOMEPAGE SETUP

You don't need to create Homepage and Blog pages if you used 1-Click Demo Data import feature or imported theme demo content manualy.

First of all you need to create required pages and select it for frontpage display:

1. Go to Pages > Add New
2. Input some page name, for example Home (we will fill it some steps later)
3. Check Don't display this page title option, because we don't need to see Homepage title.
   
   



4. Publish homepage page
5. Go to Pages > Add New
6. Input some page name for blog, for example Blog and Publish it
   
7. Go to Settings > Reading
8. Choose Front page displays option "A static page", select Home page that you just created for Front page option and Blog page for Posts page option:
   
   
9. Click Save settings

Now you can create content of your HomePage. You can skip this step and read next documentation section "menu management" if you imported sample data, because you already will have demo homepage as on our demo site.

You can add different blocks for homepage with our predefined styles to made your homepage looks similar to our demo site or create homepage as you want in our Visual Page Builder (all content on our demo site created with it).

CREATING YOUR HOMEPAGE CONTENT

We strongly recommend you to import demo content first time when you use our theme to check all theme features and all Page Builder elements and understand how it works.

If you don't imported demo data you will need to add Page Builder elements to your homepage yourself. You can use Page Builder elements and our special theme Page Builder elements (Magnium groups in Page Builder elements groups).

You can read about our special elements in current documentation here. You can read about Default Page builder elements usage in Page Builder documentation here.

pages MANAGEMENT

1. Go to Pages > Add new.
2. Input some page title. Page title will be show on Onepage template before page content.
3. Add page content using Visual Page Builder
4. You can Input page class if you want to add some CSS styles only for this page.
5. Change page settings:
   
   
   • Stick page content to footer - Enable if you want to have last page element sticked to footer without margins.
   • Show transparent header - Use this if you have fullwidth image or slider at the page start (header will be displayed above your image).
   • Page sidebar position - you can specify widgets sidebar position for this current page (every page can have different settings here).
   • Don't display this page title (only show page content) - disable title display on page
   • Page title background image and color - you can specify page title background image and color here.
6. Publish page.
7. Go to Appearance > Menus and add created page to menu.
   

BLOG MANAGEMENT

You created blog page before (in Installation step) and added it to your post display page in Reading settings.

If you added Blog page to menu it will displayed in site menu and will open blog page with posts.

You can manage blog posts and categories as in any WordPress theme. You can use post thumbnails too.

Our theme support different post formats:

You can select post format when you create post.

You can select different sidebar position for posts in Post settings.

You can change blog layout settings in Appearance > Theme Control Panel > Blog.

MENU MANAGEMENT

This theme have top menu, main menu, footer menu and offcanvase wigets sidebar that can be used as additional menu. Main menu can have different layouts and support MegaMenu features.

1. Top menu:



2. Main menu (several variations depending on theme settings). You can change MainMenu settings in Appearance > Theme Control Panel > Header.

2.1. MainMenu position = Menu Below Header

2.2. MainMenu position = Menu in Header Center



2.3. MainMenu position = Menu in Header Center, Show top menu above MainMenu in header = Yes

3. Footer menu:

4. Offcanvas sidebar menu - items set in Appearance > Widgets > Offcanvas right sidebar. You can enable this menu in Appearance > Theme Control Panel > Header & Logo > Header advanced menu

5. Fullscreen menu - items set in Appearance > Menus > Header advanced menu. You can enable this menu in Appearance > Theme Control Panel > Header & Logo > Header advanced menu

You need to set what menus where will be display (you don't need to do this if you used One-Click demo data import feature):

1. Go to Appearance > Menus.
2. Open Manage Locations tab.
3. Select menu "Main Menu" for Main menu, "Top Menu" for Top Menu and "Footer Menu" for Footer Menu.
   
   
   
   If you don't have some menus you need to create it first and add your elements.
4. Save changes.

Managing WOOCOMMERCE categories menu

1. Add WooCommerce categories to you Categories menu, add some page links to it if you want (for example Contact us page or blog page)
   
   If you don't see WooCommerce categories elements to add it to menu you should enable it in Screen Options at the top of page:
   
   
   
2. Click Save Menu

SPECIAL CSS CLASS NAMES FOR MENU ITEMS

You can use special predefined CSS class names for main manu items to change its look.

You can use this special CSS classes:

1. pull-right - use this to move your element to right side of main menu.
2. mgt-animated - use this to add hover animation for menu element.
3. mgt-highlight - use this to add theme color background to this menu element.

To add CSS class to menu item:

1. Go to Appearance >Menus.
2. Click Screen options at the top right corner of page and enable CSS Classes field display:
   
3. Add predefined CSS class(es) space separated to your menu item:
   
   
4. Save menu.

Offcanvas menu

Our theme have special right side offcanvas menu that you can open by clicking small menu button in header:

This is special sidebar where you can add any menus, widgets or any other content in additional to your regular menus.

HOW TO USE OFFCANVAS MENU

1. Go to Appearance > Widgets and add Widgets to Offcanvas Right Sidebar:
   
   
   
2. Go to Appearance > Theme Control Panel > Header and enable Enable right side offcanvas floating sidebar menu option.
3. Save settings.
   

MEGA MENU management

We developed our own Mega Menu functionality especially for this theme.

This is awesome responsive meage menu. Features: icons, sticky, mega dropdowns variations, fully customizable. You can place any content in dropdowns: links, text, images, widgets and shortcodes.

You need to activate MegaMenu features in Appearance > Theme Control Panel > MegaMenu > Enable Mega Menu.

Now you can go to Appearance > Menus and use Mega Menu features in your regular menu items:

If you imported demo data you can setup Mega Menu Layouts for demo data menu items, because it does not have this settings by default after import.

You can create more sidebars for Mega Menu in Appearance > Theme Control Panel > Mega Menu.

WIDGETS MANAGEMENT

This theme have 6 widgets sidebars and unlimited megamenu sidebars where you can add widgets:

• Posts sidebar (Right or Left)
• Pages sidebar (Right or Left)
• WooCommerce Shop sidebar (Right or Left)
• Portfolio page sidebar (Right or Left)
• Footer sidebar with 4 columns
• Bottom sidebar with 4 columns
• Offcanvas right sidebar (can be opened with header switcher button)

After theme installation all WordPress widgets will be enabled (if you have WP fresh installation) so you need to turn off widgets that you don't want to see:

1. Go to Appearance > Widgets.
2. Move widgets from left "Available Widgets" block to right sidebar that you want to use to add it to display in theme.
3. Move widgets from right sidebars block to left "Available Widgets" block to remove it from display in theme.
   
   

Special theme widgets

Our theme have special widgets that you can use in additional to default WordPress widgets.

Files list (brochures) widget:

To use this widget add default WordPress Text Widget to your sidebar and use this predefined HTML layout:

Change # to your real links, change texts and icons (instead of fa-file-pdf-o you can use another icons codes from Font Awesome website). You can copy this code to add more different files links to your widget and you can use this HTML code on your site pages too (use Raw HTML element in Visual Composer to add custom HTML to pages content).

Promo Blocks widget:

You can use some elements that you used in Visual Page Builder in page content in your widgets, for example MGT Promo Block.

To use this widget add default WordPress Text Widget to your sidebar and add your Promo Block HTML code to it. To get Promo Block element HTML code first create some sample Page and add MGT Promo Block using Visual Composer. Adjust block settings as you want. Then change Page editor mode to Classic view (this will disable Page Builder) and switch content editor to Text mode. You will see Promo Block HTML code, copy it and paste to your text widget.

Menu widget:

You can add nicely styled custom menus to widget sidebars. For example you can use this menu to show it on your services pages to have access to all other services list.

To use this widget create new menu in Appearance > Menus and add your pages links (or other links that you need) to this menu. Then go to Appearance > Widgets and add add Custom Menu widget to your sidebar (for example Page sidebar):

Barrel Recent posts widget:

You can use special theme widget to show recent posts with images. Use "Barrel Recent posts" widget to achive this.

Barrel Social Icons widget:

You can use special theme widget to show social icons (that you specified in Theme Control Panel > Social Icons).

Also you can show this icons anywhere in content or text widgets inside sidebars using shortcode: [barrel_social_icons]

USING "DISPLAY WIDGETS" plugin To show widgets on specific pages only

Our theme include special Display Widgets plugin that allow you to specify pages where your widgets will be visible or not. If you want to use this feature this plugin must be installed and activated.

To use this feature:

1. Add some widget to one of your sidebars.
2. You will see new widget display settings in your widget.

THEME Settings

You can manage multiple theme settings in our Theme Control Panel module.

1. Go to Appearance > Theme Control Panel from left menu in WP admin panel.
2. Click Save button first time to apply default theme settings to theme.
3. You can manage a lot of theme options from this panel, check all available Tabs with settings.
4. If you want to reset settings to default values you can click Reset button at the top right.
5. After you made any changes you should click Save button to save theme settings.
6. You can Export all saved settings to file, use Export tab for this feature.
7. You can Import your saved settings file or data in Import tab.

Headers layouts configuration

Our theme allow you to use different Header settings to achive different header layouts (menu positions, colors, promo texts and banners, etc). You can create unlimited headers variations using different settings located at Appearance > Theme Control Panel > Header. We prepared several demo headers for you and provide settings that we used to achive this look below:

Demo Header style 1

Settings used in Theme Control Panel > Header:

1. Main Menu Position = MainMenu below Header
2. Show top menu above MainMenu in header = No
3. MainMenu Below Header Width = Fullwidth
4. MainMenu color scheme = Dark menu
5. MainMenu horizontal align = Left
6. MainMenu items text transform = Uppercase
7. Header Logo position = Left
8. Enable Fullscreen search (Add search button to header) = Yes
9. Enable right side offcanvas floating sidebar menu = Yes

Demo Header style 2

Settings used in Theme Control Panel > Header:

1. Main Menu Position = MainMenu in Header Center
2. Show top menu above MainMenu in header = Yes
3. MainMenu items text transform = Uppercase
4. Enable Fullscreen search (Add search button to header) = Yes
5. Enable right side offcanvas floating sidebar menu = Yes

Demo Header style 3

Settings used in Theme Control Panel > Header:

1. Main Menu Position = MainMenu below Header
2. Show top menu above MainMenu in header = No
3. MainMenu Below Header Width = Fullwidth
4. MainMenu color scheme = Light menu
5. MainMenu horizontal align = Center
6. MainMenu items text transform = Uppercase
7. Header Logo position = Center
8. Enable Fullscreen search (Add search button to header) = No
9. Enable right side offcanvas floating sidebar menu = No

TRANSPARENT HEADER CONFIGURATION

Our theme allow you to use transparent header on any page, post or portfolio element separately. This mean that all header (logo, menus, etc) will be displayed above your top page content with transparent background. This is very useful for pages where you have fullwidth Revolution slider or fullwidth Image/Block at the page top and you disabled page title.

You can check live demo for this feature here.

USING TRANSPARENT HEADER

1. First of all upload your light (white) logo version for transparent header according logo upload instructions from this guide.
2. Open your Page/Post/Portfolio page when you want to show transparent header (for example your homepage).
3. Make sure that your page starting from fullwidth row with fullwidth slider, fullwidth image or fullwidth block with image (so your transparent header will look nice on this page top).
   Read this documentaiton section how to use fullwidth rows in Page Builder.
4. Disable page title for this page and check Show transparent header option for your page::
   
   
5. Save your page, post or portfolio element.
6. You can use transparent header with or without Sticky Header feature that you can enable/disable in Appearance > Theme Control Panel > Header.
   
   

ONEPAGE USAGE

Our theme allow you to have Onepage website instead of multipage. This mean that all your main content will be displayed on the same one Homepage and menu links will scroll your page to different sections of your homepage content. This allow your visitors to see all your website on the same page and easy and fast navigate between site sections without leaving your homepage and without page refresh/reloading.

You can check onepage site demo here.

CREATE ONEPAGE MENU ITEMS

Before starting to add your onepage content you need to create menu items that will work as links for your onepage sections:

1. MegaMenu feature should be enabled in Appearance > Theme Control Panel > Mega Menu.
2. Go to Appearance > Menus and add menu item Link:
   
   
3. You need to add your item slug to URL field with # symbol at start (this is important!), you can specify anything here, but you should use only english latters here and - or _ symbols. Do not use space symbol here or another languages letters or specsymbols.
   For example for Contact Us page slug in our sample all of this will be correct and can be used as URL:
   • #contact-us
   • #contactus
   • #contacts
   • #contact_us
4. Add link title to Link Text (this link name will be visible in menu).
5. Click Add to Menu.
6. Find this created item in menu and open its Settings:
   
7. Select YES for Use this menu item for Onepage navigation option.
8. Now you can add section for your homepage that will use this menu item.

CREATE ONEPAGE HOMEPAGE

1. Edit or Create your Homepage page
2. Using Page Builder add content to your page that you need to see on your homepage. You should create all content sections on the same page.
   
   For example your Onepage homepage can contain this logical sections:
   1. Slider
   2. Welcome/About us text
   3. Portfolio grid
   4. Newsletter signup block
   5. Blog posts (News)
   6. Contact us form
   7. Google map (Find us)
3. In our example we added Contact us link before and want to point it to Contact us form on our Onepage Homepage.
4. In your Onepage page in Visual Page Builder editor find Row that contain your Contact us form and Open this Row settings:
   
   
5. In Row settings select your menu link in Use as Onepage section dropdown list that should be used for this section on Onepage page navigation:
   
   
6. Publish your page.
7. Now when you click your Contact us link in menu your homepage will be scrolled to your Contact us section.
8. In the same way you need to create links and sections for all your Onepage logical sections. You can combine regular links (that open pages) and OnePage links (that scroll down homepage to section) in the same menu and have Onepage+Multipage website together on one site.
   

PORTFOLIO USAGE

In our theme you can choose between 14 portfolio grid layout variations, fullwidth or boxed layouts, spaced or regular grid, portfolio item hover animations, 18 category filter animations, 3 column count settings and more!

All this settings can be combined with each other that gives you unlimited design variations of your Portfolio page.

Our theme have built-in portfolio feature that allow you to add your works/projects on site and showcase it to your users.

CREATE PORTFOLIO PAGE

1. Go to Pages > Add new and create Portfolio page (You can use any name for page).
2. Using Page Builder add MGT Portfolio Grid element to your page:
   
   

You can select many different options and layouts for your portfolio grid display in element settings.

3. If you want to show your Portfolio displayed Fullwidth you need to enable Fullwidth option in your Row settings.
4. Publish your page.

ADD PORTFOLIO ITEMS AND CATEGORIES

1. Go to Portfolio items > Add new item.
2. Add Portfolio Item name.
3. Specify your Porfolio item thumbnail (it will be used in Portfolio grid that you just created):
   
   
4. Add Additional portfolio item images if you want (you can use it as slider or as grid):
   
   
   
   
5. Add your Porftolio element description using page builder (you can use any elements here) in Content editor area.
6. Select/Create your Portfolio item categories:
   
   
7. Choose different Portfolio item layout/display settings in Portfolio item settings box:
   
   
   

If you does not see this settings box this means you does not installed all theme required plugins (Barrel Theme Addons, Barrel Custom Meta Boxes (CMB2) plugins).

Short description field text will be visible in MGT Portfolio Grid as additional text after item title and category. It will not be visible on single portfolio element page.


8. Publish your Portfolio element.
   

PAGE BUILDER EXTRA ELEMENTS

Our theme included 17 special Page Builder elements that we developed especially for this theme (this elements does not available in Page Builder plugin in other themes).

You can use any default Page Builder elements with our theme too, about it usage you can read in official page builder documentation.

Fullwidth/Parallax Sections

Our theme allow you to create Page Builder rows with fullwidth display for background or content and add parallax image/video background to this rows. You can check live demo for this feature here.

You can add any content (for example any other Page Builder elements) inside this fullwidth rows and this elements will be displayed fullwidth too.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new Row or edit existing.
3. Click Edit button for your Row element to open its settings:
   
   
   
4. You will see Settings window for row that allow you to make your Row fullwidth:
   
   |
   
   
• Row stretch - Select how you want to stretch content/background in this row to make it fullwidth. You can stretch only background or background with content (with/without paddings).
• Use video background - You can add Youtube video as background to row with any content
• Parallax - You can add Parallax background for current Row (we recommend you to use 1600px or more width image for this).
  
5. Save your page/post.
   

Header Block

You can add special preformated header blocks with title and subtitle for your page.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new element by clicking + button and choose MGT Header Block:
   
   
   
3. Add Title, Subtitle and select other options for this element.
   
4. Save your page/post.
   

PROMO BLOCK

You can add special promo blocks with optional background image, hover effects, parallax effects buttons and much more. This blocks can be any size and very useful to create attractive interactive banners on your website. This is very powerfull theme element that allow you to create a lot of creative things and can be used in most of all of your website. Most of all our theme demo homepages created just with promo blocks with different settings, check theme demo pages to understand how we configured this blocks.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new element by clicking + button and choose MGT Promo Block:
   
   
   
3. Read options descriptions in Settings window to understand how to use it. You can customize a lot of different options in this block and even show it fullwidth (inside fullwidth row).
4. Save your page/post.
   

FLIP BOX

You can add special double sided animated blocks with different content on both sides, that flips on mouse hover.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new element by clicking + button and choose MGT Flip Box:
   
   
   
3. Read options descriptions in Settings window to understand how to use it. You can customize a lot of different options in this block.
4. Save your page/post.
   

IMAGES SLIDER & carousel

You can add images slider or carousel with different effects and styles using this element.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new element by clicking + button and choose MGT Images Slider & Carousel:
   
   
   
3. Read options descriptions in Settings window to understand how to use it. You can customize a lot of different options in this block.
4. Save your page/post.
   

Process block

You can add process blocks to show some process steps infographic.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add VC Row with Columns (you need to add one process element to every column).
3. Add new element by clicking + button and choose MGT Process:
   
   
   
4. Read options descriptions in Settings window to understand how to use it. You can customize a lot of different options in this block.
5. Save your page/post.
   

PRICING TABLE

You can add multiple pricing tables to your site, with different styles, colors, borders, icons, etc.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new Row with several columns (for example if you want to have 3 pricing tables in one row you need to add Row with 3 Columns inside.
3. Add new element by clicking + button inside column and choose MGT Pricing Table:
   
   
   
4. Read options descriptions in Settings window to understand how to use it. You can customize a lot of different options in this pricing table.
5. Add / Dublicate more pricing tables to other columns.
6. Save your page/post.
   

Item price

You can add item price elements to create nice simple listings with prices, for example restaurant menu.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add VC Row with Columns (you need to add one process element to every column).
3. Add new element by clicking + button and choose MGT Process:
   
   
   
4. Read options descriptions in Settings window to understand how to use it. You can customize a lot of different options in this block.
5. Save your page/post.
   

ICON BOX

You can add special preformated blocks with icons to your content. This block allow you to insert just icon, without content, too.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new element by clicking + button and choose MGT Icon Box:
   
   
   
3. Read options descriptions in Settings window to understand how to use it.
4. Add your information to this block, upload your icon, select layout.
   
5. Save your page/post.
   

Posts Slider/Grid

You can show your blog posts as sliders or grids.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new element by clicking + button and choose MGT Posts List element:
   
   
   
3. Read options descriptions in Settings window to understand how to use it. You can select different layouts, slider options, grid display and more.
4. Save your page/post.
   

Call to action block

You can attract your website visitors with special Call to Action blocks with button.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new element by clicking + button and choose MGT Call To Action Block element:
   
   
   
3. Read options descriptions in Settings window to understand how to use it.
4. Add your title, subtitle, text and button with url.
5. Save your page/post.
   

Signup/SUBSCRIBE Block

You can add signup block that allow your users to subscribe to your Newsletter by email via Mailchimp service.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new element by clicking + button and choose MGT Signup Block element:
   
   
   
3. Read options descriptions in Settings window to understand how to use it. You can select different layouts, slider options, grid display and more.
4. Select Text color, Background color, Signup text, Button text.
5. You need to get your Mailchimp subscribe form ACTION url:
   1. Login to your account at Mailchimp service.
   2. Go to Lists in top menu
   3. Around your subscribers list click little arrow button and select Signup forms.
      
   4. Select Embedded forms.
   5. You will see your subscribe form HTML code, copy it and paste to some text editor (for example to Notepad or TextEdit.
      
      You need to find your form action url inside this form code (bold code in sample below):
      
      
      <!-- Begin MailChimp Signup Form -->
      <div id="mc_embed_signup">
      <form action="//magniumthemes.us8.list-manage.com/subscribe/post?u=6ff05dsafv19df7a7fc1c84e4ad&amp;id=323285b358e7" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
      <div id="mc_embed_signup_scroll">
      <h2>Subscribe to our mailing list</h2>
      <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
      <div class="mc-field-group">
      <label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
      </label>
      <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
      </div>
      <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
      <div style="position: absolute; left: -5000px;"><input type="text" name="b_6ff051d919df7a7fc1c84e4ad_9285b358e7" tabindex="-1" value=""></div>
      <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
      </div>
      </form>
      </div>
      
      
      In our sample code we are looking for this:
      //magniumthemes.us8.list-manage.com/subscribe/post?u=6ff05dsafv19df7a7fc1c84e4ad&amp;id=323285b358e7
      
6. Add your subscribe form action url to Mailchimp subscribe form ACTION url field.
7. Save your page/post.
   

Message box

You can show different message boxes on your website to announce something important.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new element by clicking + button and choose MGT Message Box element:
   
   
   
3. Read options descriptions in Settings window to understand how to use it.
4. Add message box text, choose style.
5. Save your page/post.
   

Portfolio grid

You can show your portfolio items with category filter in different grids with different layouts on any of your pages.

You can check live demo for this feature here (Use Portfolio menu at the top to check different demos).

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new element by clicking + button and choose MGT Portfolio Grid element:
   
   
   
3. Read options descriptions in Settings window to understand how to use it. You can choose different layouts and options for this element. You can show this element inside fullwidth row.
4. Save your page/post.
   

Client Reviews

You can add and show your Client Reviews as slider or grid on your website.

You can check live demo for this feature here.

How to use this element

1. Go to Client Reviews > Add Review and add few reviews with texts, titles (used for name and occupation) and photos:
   
   
   
2. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
3. Add new element by clicking + button and choose MGT Clients Reviews element:
   
   
   
4. Read options descriptions in Settings window to understand how to use it. You can choose different layouts and options for this element.
5. Save your page/post.
   

Counter

You can show your completed goals or achievements with special animated counters that will count from 0 to your value when user scroll page to this element.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new element by clicking + button and choose MGT Counter element:
   
   
   
3. Read options descriptions in Settings window to understand how to use it. You can choose different options for this element.
4. Save your page/post.
   

Countdown timer

You can show countdown timer in different formats to show remaining timer for selected date.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new element by clicking + button and choose MGT Countdown element:
   
   
   
3. Read options descriptions in Settings window to understand how to use it. You can choose different options for this element.
4. Save your page/post.
   

Button

You can add different buttons to your website.

You can check live demo for this feature here.

How to use this element

1. Open your Page/Post/Portfolio item and turn on Backend/Frontend Visual Page builder editor.
2. Add new element by clicking + button and choose MGT Button element:
   
   
   
3. Read options descriptions in Settings window to understand how to use it. You can choose different options for this element.
4. Save your page/post.
   

Translations

This theme is translation ready and WPML plugin compatible and this mean you can easy adapt it to your language or use it multilanguage. You can translate theme manualy of using Translation plugin that we included with theme.

Please not that you need to purchase 1 additional Regular theme license for our theme for every language on your site if you have multilanguage website (even on one domain). For example if you have your site versions in English, German and Italian languages you need to purchase 2 additional regular theme licenses (in addition to current one that you have for English).

Manual theme translation

We included POT files for translation with theme:

• /wp-content/themes/barrel/languages/ - main theme translations

Check this guides about translating themes and WordPress:

https://premium.wpmudev.org/blog/how-to-translate-a-wordpress-theme/

http://www.wpbeginner.com/beginners-guide/how-to-easily-create-a-multilingual-wordpress-site/

Translation with provided THEME translation manager

If you installed and activated Barrel Translation Manager (Loco Translate plugin provided with theme) you can translate theme with it:

1. Go to Loco Translate > Manage translations.
2. Click New language near Barrel theme in list.
3. Translate all theme strings in admin panel.

If you have any problems with translation you need to contact your translation plugin support for help or ask for help at WordPress forums - http://wordpress.org/support/

WPML PLUGIN (MULTILANGUAGE WEBSITE)

Child theme usage

You can use our theme as Child theme. Check our special article how to do this.

Speed up your website

Our theme created for very fast and effective work, with correct server configuration and content optimization you can get 85-90 / 100 score in Google PageSpeed Insights test.

Site speed depends on several things in addition to theme (that already coded for extra fast work), like WordPress configuration, Server configuration and quality and Content optimization. We included simple guide how to optimize your website for extra fast work with our theme.

Useful advices for site Speed Up:

• Make sure that you have good hosting/server (we recommend to use Bluehost to host WordPress themes).
• Disable all third-party plugins that you does not use.
• Check this official WordPress Optimization guide article and external article links in it. Follow all guides in it (especialy image optimization, server setup and optimization).

If you don't want to configure your website optimisation yourself you can order our special service:

• Order Premium WordPress Website Google Page Speed and SEO Optimization service on Envato Studio.

RETINA images SUPPORT

Our theme support retina feature, to add retina support for all images that you used in WordPress (posts, pages, etc) you need to install and configure special retina plugins for WordPress. We recommend to use one of this plugins:

• WP Retina 2x
• Simple WP Retina

You need to read this plugins documentation how to use this plugins and how to configure plugins correctly.

Theme Updates

You will see when theme update available on our website, our social profiles and in email from Themeforest (if you subscribed for theme updates notifications).

How to update theme:

Read this guide how to update theme

• Do not update plugins bundled with theme yourself (even WooCommerce), before we will not add this updated plugins to our theme and tested it compatibility.

Support

We offer theme support and updates for our items.

Use any of this options to subscribe to theme updates releases notifications:

• Like our page on Facebook
• Plus our page on Google+
• Follow us on Twitter

If you have any questions about this theme you should:

1. Check WordPress section in our FAQ page
2. If you don't find answer submit support question in our support system
3. If you need customization service or WP/Theme setup check our customization services page.

Please dont ask support questions in themeforest comments, email, skype, facebook or twitter - questions in this places will never be answered.