## Premium Wordpress Theme Documentation

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

Back to top

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

Back to top

#### FREE THEME INSTALLATION SERVICE

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

Back to top

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

Back to top

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

Back to top

#### 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:

- hind.zip (Packed theme file for install)
- hind 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 hind 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 hind.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 Hind 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 Hind 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.

Back to top

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

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

Back to top

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

If you don't imported dummy data you must create theme pages and menus manualy.
Back to top

#### MANUAL DEMO DATA IMPORT:

Use this only if you can't import demo data correctly with 1-Click demo data import for some reason.

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 /inc/oneclick-demo-import/demo-files/1/ theme folder
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 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.

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 /inc/oneclick-demo-import/demo-files/1/widgets.json file from theme folder.
5. Click Import Widgets button
6. Now you can go to Appearance > Widgets and reconfigure sample widgets in all sidebars to your purposes.

If you don't imported dummy data you must create theme pages and menus manualy.
Back to top

#### 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 new slider menu > Import slider link:
3. Click Browse and select some slider ZIP file from /inc/oneclick-demo-import/demo-files/1/revslider/ from theme directory.
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.

Back to top

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

Back to top

#### 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
   IMPORTANT: If you use Gutenberg editor and does not want to disable it (you can disable it with this official plugin for WordPress 5 and later) you need to click Pages > All pages, and then Add new > Classic editor or edit page with Classic editor link near page name in list, otherwise Gutenberg editor will replace WPBakery Page builder.
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.

#### 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. You can change layout of blog Page from default to Masonry or Masonry fullwidth by selecting Page Template when you create blog page:
8. Go to Settings > Reading
9. 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:
10. 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.

Back to top

#### 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.
- 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 background color - you can specify page background color here.

1. Publish page.
2. Go to Appearance > Menus and add created page to menu.

Back to top

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

Back to top

#### COMING SOON PAGE SETUP

Our theme have built in Coming soon/Maintenance mode feature, that allow you temporaly disable website frontend for regular visitors (they will see your custom Coming soon page), but allow website administrators to see site and work on it. You can see coming soon page demo here.

You need to create special page (if you imported demo data you already have this page) that you want to show to your users when your website is turned off:

1. Go to Pages > Add New and create new page Coming soon (you can use any name).
2. Add some page content using Visual Page Builder that you want to show to your users (Countdown timer page builder element is very useful here).
3. Select Coming Soon in Page Templates in Page Attributes:
   Note: You should have only one page with Coming Soon Template selected.
4. Publish your page.
5. To Enable coming soon mode go to Hind ThemeControl Panel > Main Settings and check Enable Coming Soon mode. Now your regular users will see your page. Don't forget to disable this option when you will go live.

Back to top

#### WIDGETS MANAGEMENT

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

- Pages and Posts sidebar (Right or Left)
- Footer sidebar #1 with 4 columns
- Footer sidebar #2 with 4 columns
- Offcanvas right sidebar (can be opened with header switcher button)

You can configure sidebar position (or disable it) for pages and posts independently in every page/post settings or apply global settings in Hind Theme Control Panel > Sidebars.

After theme installation all WP 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

Back to top

#### THEME Settings

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

1. Go to Hind 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. If you want to Preview site after some changes you can use Toggle Preview button to display/hide your site frontend without leaving admin panel
6. After you made any changes you should click Save button to save theme settings
7. You can Export all saved settings to file, use Export tab for this feature
8. You can Import your saved settings file or data in Import tab.

Back to top

#### 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 Hind Theme Control Panel > Header.

Back to top

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

Back to top

#### PORTFOLIO USAGE

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

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:
8. Publish your Portfolio element.

Back to top

#### PAGE BUILDER EXTRA ELEMENTS

Our theme included 12 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.

Back to top

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

Back to top

#### PARALLAX ELEMENTS ON SCROLLING

You can add parallax effects to different page elements on mouse scroll. This feature is experemental and may not work correctly for some blocks and can work differently in different browsers.

You can check live demo for this feature here.

We recommend to use our theme demo page with this effect as start and change our images to your images, because you need to curefully adjust this effect settings and your images positions and sizes to get this effect working smoothly and without problems and elements overlays.

#### How to use this FEATURE

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. Add parallax-it-row class name to Row class that contain elements that should get parallax effect on mouse scroll.
   |
5. Save row settings.
6. Add Images or Text blocks to this row columns:
7. Click Edit on your image or text:
8. Add parallax-it-slow class name to Element class.
9. Save element.
   You can use this class names for element to have different speed for parallax for different elements on page:
   parallax-it-slow - Slow speed
   parallax-it-medium - Medium speed
   parallax-it-fast - Fast speed
10. You need to adjust elements positions, speed classes, margins and padding for rows/columns to get this effect working in nice way.

Back to top

#### 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 text Align for this block.
4. Save your page/post.

Back to top

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

Back to top

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

Back to top

#### ICON BOX

You can add special preformated blocks with icons to your content.

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.

Back to top

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

Back to top

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

Back to top

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

Back to top

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

Back to top

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

Back to top

#### 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 Portfolio Grid 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.

Back to top

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

Back to top

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

Back to top

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

Back to top

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

#### Manual theme translation

We included POT files for translation with theme:

- /wp-content/themes/hind/languages/ - main theme translations

Read this section on Wordpress website about WP translations.

#### Translation with provided THEME translation manager

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

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

Back to top

#### WPML PLUGIN (MULTILANGUAGE WEBSITE)

Here is what you need to know on turning our theme multilingual with WPML.

First, you need to to purchase a recent version of WPML, including the String Translation and Translation Management modules. You can install WPML plugins automaticaly from Hind Theme Control Panel > Multilingual (WPML) tab.

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

#### Initial Setup

- Install and activate the core WPML plugins (WPML Multilingual CMS, WPML String Translation, WPML Translation Management), and then other WPML plugins that may depend on them.

- Set up WPML from WPML > Languages. See WPML Getting Started Guide for complete reference, but the initial simple three-step setup is self-explanatory, asking you to choose your default language, a set of active languages, and a language selector.

#### Translating Pages, Posts and other post types

To translate a page you need to go to WordPress admin panel > Pages and in the list you will see columns for each active language, with a pencil icon (for ‘edit translation’) or a ‘+’ icon (for ‘add translation’) next to each page. Go ahead and edit or add the translated page for your Homepage.

Right now you just need to translate your page into the new language:

Read this to easily duplicate your existing content.

#### Translating custom post types and taxonomies

Our theme and some plugins can have extra custom post types, and custom taxonomies. In order to get a similar interface for translation/duplication as for posts and pages, you need to go to WPML > Translation Management, and select the tab ‘Multilingual Content Setup’.

#### Translating Menus and Language Switcher in Header

WPML can synchronize menus for you. This means that if some entries, for example some pages, posts or categories, are in the English menu, WPML can generate and keep in synch menus for other languages pointing to the translated versions of these pages, posts or categories.

From WordPress Appearance > Menus you can see your existing menus and add menu translations and synchronize menus across translations.

To use Multi Currency on your website you need to install WooCommerce Multilingual plugin for WPML.

To show the language and currency switchers in the header you need to configure it in WPML and then activate it from Magnium Control Panel > Header.

#### Translating theme texts and other strings in your site

To translate strings you need to follow the procedure for Theme and Plugin Localization. Go to WPML > Theme and Plugin Localization, and click on ‘Scan the theme for strings’ and you will see theme strings and which ones are translated or not.

Back to top

#### Child theme usage

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

Back to top

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

Back to top

#### 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:

- Download latest theme archive from Themeforest (FULL theme archive with documenation, not just theme installation file).
- Unpack archive and open Documentation/release-history.html file in your browser for view (not for Edit).
- Follow instructions in file to update your theme.Back to top
- 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.

Back to top