MrHandy

Theme Installation

You have two ways to install a theme.

1. First way: Upload Theme via FTP Client

Do not upload the Entire Zip File you get from Themeforest. Please follow following Steps to upload theme via FTP:

Step 1: Extract the package, you have downloaded. In the package folder you will get below sub-folders.

.

Step 2: Extract the theme name zip file. Ex, mrhandy.zip

Step 3: Extract the package, you have downloaded. In the package folder you will get below sub-folders.

Step 4: Upload the theme folder under "wp-content/themes" directory.

Step 5: Now go to Admin > Appereance > Themes page and activate the theme.

2. Second way: Upload Theme via WordPress admin panel

1. Login to admin panel.
2. Navigate to Appearance > Themes and click on the Add New button.
3. Choose Upload theme option. Click on Browse…(Choose file in Safari/Chrome), select the “mrhandy.zip” and click Install Now button.
4. After successfull installation click on Activate or proceed to Appearance > Themes and click on Activate to activate the newly installed theme.
5. After the theme’s activation you will be prompted to install recommended plugins.All these plugins are included into the theme’s archive or can be installed (optionally) from the WordPress.org repository on your own.
   The theme may function without any of these plugins. But if you want your website look precisely as on demo page, you should install all the recommended plugins and import demo content. This is a good idea if you are building your website from scratch.
   However, if you have an existing website, you should be very careful with plugin installation and importing dummy data – this might affect your site content and structure.
6. Once it’s done a new menu item MrHandy will appear.

You can customize MrHandy settings via "MrHandy Options". You can upload logo or change skin color etc. Here are details of each section that you can customize.

Layout Settings

You can change Layout related changes here. Like you can switch to Boxed or Wide layout, or you can select Skin color from here.

Skin Color

This is the global color for all hightlighted things. This color will be used in Tabs, Accordion, Progress bar, text link and other areas. We have provided some pre-defined colors for you which you will also find on our demo site.

Topbar Settings

Topbar is a shortcut info bar for your clients. You can provide email address or your phone number here so visitor can contact you instantly. Also you can show social icons here.

Titlebar Settings

You can change settings for Titlebar from here.

Header Settings

You can change header settings from here. You can upload logo, enable or disable sticky header etc.

Menu Settings

You can manage menu and sub-menu (dropdown menu) settings from here. You can also change Responsive Menu Breakpoint from here (from which display size the menu will become single icon mode). You can change Font-family, font-size, font-color, background-color etc properties for both main-menu and sub-menu both.

Footer Settings

You can change footer text from here. You can use the following shortcodes in your footer text: [cmt-site-url],
[cmt-site-title], [cmt-site-tagline] and [cmt-current-year]

Login Page Settings

You can login page background image, background color and other setttings from here.

Blog Settings

You can change settings for Blog section from here.

Team Member Settings

You can settings for "Team Member" section from here.

Portfolio Settings

Change settings for portfolio

Error 404 Page Settings

You can change Error 404 page content from here.

Search Page Settings

You can change Search results page settings from here.

Sidebar

You can change Sidebar related settings from here. Also you can create a new sidebar from here.

Social Links

You can set URLs from Social links from here. Also you can enable or disable RSS feed link from here.

WooCommerce Settings

You can change settings related to WooCommerce from here.

Under Construction Site

The MrHandy theme comes with built-in Under Construction mode so you don't need to install any other plugin for it. You can enable it from here. You can change text and background settings from here. Here are steps:

• First go to Admin > MrHandy Options section and go to "Under Construction Site" tab.
  
• Than enable it by selecting YES in the Show Under Construciton Message option.
  
• Now you will see other options like content and background settings. Just change it if you like to.

Advanced Settings

You can set advanced settings (like SLUG for different post type) from here.

Custom Code

You can write your custom CSS or JavaScript code here. Also you can add Custom CSS Code for login page too.

Theme Information

You will get theme details like version and developer details from here.

Import / Export

You can import or export theme settings from here. This will be usefull when you are developing your site on other server and want to move only theme settings. Just click "Download" button to export the settings and click "Import from file" button to import it.

Note: When you click on "Import from file" than it will open new textbox. Just open the downloaded file in any text editor and copy paste code here to import.

MrHandy has some built-in Widget Positions to use. Here are details of each position:

• Left Sidebar For Blog: You can add Widgets that you want to display as Left sidebar for Blog pages like Blogroll, Category, Tag, Archives etc pages.
• Right Sidebar For Blog: You can add Widgets that you want to display as Right sidebar for Blog pages like Blogroll, Category, Tag, Archives etc pages.
• Left Sidebar For Pages: You can add Widgets that you want to display as Left sidebar for pages that you created using Pages section.
• Right Sidebar For Pages: You can add Widgets that you want to display as Right sidebar for pages that you created using Pages section.
• Left Sidebar For Portfolio: You can add Widgets that you want to display as Left sidebar for single Portfolio that you created from Portfolio section.
• Right Sidebar For Portfolio: You can add Widgets that you want to display as Right sidebar for single Portfolio that you created from Portfolio section.
• Left Sidebar For Portfolio Category: You can add Widgets that you want to display as Left sidebar for Portfolio Category that you created from Portfolio Category section.
• Right Sidebar For Portfolio Category: You can add Widgets that you want to display as Right sidebar for Portfolio Category that you created from Portfolio Category section.
• Left Sidebar For Team Member: You can add Widgets that you want to display as Left sidebar for single Team Member that you created from Team Member section.
• Right Sidebar For Team Member: You can add Widgets that you want to display as Right sidebar for single Team Member that you created from Team Member section.
• Left Sidebar For Team Member Group pages: You can add Widgets that you want to display as Left sidebar for Team Member Group that you created from Team Member Group section.
• Right Sidebar For Team Member Group pages: You can add Widgets that you want to display as Right sidebar for Team Member Group that you created from Team Member Group section.
• Left Sidebar For Search: You can add Widgets that you want to display as Left sidebar for Search Results page only.
• Right Sidebar For Search: You can add Widgets that you want to display as Right sidebar for Search Results page only.
• Left Sidebar for WooCommerce Shop: You can add Widgets that you want to display as Left sidebar for WooCommerce pages only. This widget position is specially created for WooCommerce pages only. You can add widgets like Cart, Login, Recently Viewed Products etc widgets here.
• Right Sidebar for WooCommerce Shop: You can add Widgets that you want to display as Right sidebar for WooCommerce pages only. This widget position is specially created for WooCommerce pages only. You can add widgets like Cart, Login, Recently Viewed Products etc widgets here.
• Floatingbar Widget - Top: This widget will be shown as full row (as 1st row). This will be full width widget without any column. All wildgets will be shown below each one. So there is no column.
• Floatingbar Widget - 1st Column: This widget will be shown as 1st column in this second row. Also please note that the column will be shown as column only in TOP view of Floating Bar. If you are showing in RIGHT view than the column will be broken and each widget will be shown in full width and column will not be applied.
• Floatingbar Widget - 2nd Column: This widget will be shown as 2nd column in this second row. Also please note that the column will be shown as column only in TOP view of Floating Bar. If you are showing in RIGHT view than the column will be broken and each widget will be shown in full width and column will not be applied.
• Floatingbar Widget - 3rd Column: This widget will be shown as 3rd column in this second row. Also please note that the column will be shown as column only in TOP view of Floating Bar. If you are showing in RIGHT view than the column will be broken and each widget will be shown in full width and column will not be applied.
• Floatingbar Widget - 4th Column: This widget will be shown as 4th column in this second row. Also please note that the column will be shown as column only in TOP view of Floating Bar. If you are showing in RIGHT view than the column will be broken and each widget will be shown in full width and column will not be applied.
• Floatingbar Widget - Bottom: This widget will be shown as full row (as 3rd row). This will be full width widget without any column. All wildgets will be shown below each one. So there is no column. Please note that the Floating bar view should be TOP to show as 3rd row. If you are using RIGHT floating bar than this will be last row as all the column widgets will be in full width and shown as one column.
• First Footer - 1st Widget Area: This will be shown as 1st column in 1st row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.
• First Footer - 2nd Widget Area: This will be shown as 2nd column in 1st row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.
• First Footer - 3rd Widget Area: This will be shown as 3rd column in 1st row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.
• First Footer - 4th Widget Area: This will be shown as 4th column in 1st row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.
• Second Footer - 1st Widget Area: This will be shown as 1st column in 2nd row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.
• Second Footer - 2nd Widget Area: This will be shown as 2nd column in 2nd row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.
• Second Footer - 3rd Widget Area: This will be shown as 3rd column in 2nd row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.
• Second Footer - 4th Widget Area: This will be shown as 4th column in 2nd row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.

Footer Widgets

MrHandy comes with special widget positions for footer area:

The Footer Area is divided in TWO section. Those are First Row Widget Area & Second Row Widget Area. Here is some short description on each point.

• First Footer - 1st Widget Area: This will be shown as 1st column in 1st row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.
• First Footer - 2nd Widget Area: This will be shown as 2nd column in 1st row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.
• First Footer - 3rd Widget Area: This will be shown as 3rd column in 1st row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.
• First Footer - 4th Widget Area: This will be shown as 4th column in 1st row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.

Second Row Widget Area:

• Second Footer - 1st Widget Area: This will be shown as 1st column in 2nd row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.
• Second Footer - 2nd Widget Area: This will be shown as 2nd column in 2nd row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.
• Second Footer - 3rd Widget Area: This will be shown as 3rd column in 2nd row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.
• Second Footer - 4th Widget Area: This will be shown as 4th column in 2nd row of footer area. You can set how many columns you like to show from "MrHandy Options > Footer Settings" section.

You can also change the column view of the Footer widgets. Just go to Admin > MrHandy Options > Footer Settings section and change the "Select Footer Column layout View" option:

Sidebar options on Page

There is special settings box in page section (screenshot given below). You can select custom sidebar in the Left Sidebar and Right Sidebar options. The "Global" option will show widgets set in Widgets section.

To change sidebar settings, go to MrHandy Options >> Sidebar in your admin panel.

MrHandy theme provides some built-in widgets that you can use quickly without any external plugins.

1. MrHandy Category/Group List Widget: This widget will show Category (Taxonomy) of Group list.
2. MrHandy Contact Widget: This widget will show Contact details.
3. MrHandy Flickr Widget: This widget will show Flickr photos.
4. MrHandy Recent Posts: This widget will show recent blog posts.

With MrHandy theme, you can easily create unlimited sidebars and assign them to any page or post. We described all steps to use custom sidebar feature. Please follow steps given below:

• First we need to create some custom sidebars from MrHandy Options. So just go to MrHandy Options > Sidebar Settings section from your admin panel. Here you will find "Custom Sidebars" option. Just fill the sidebar name and save theme options. To add more sidebar, just click on "Add New Sidebar" button and add more.
  
• Now the sidebar is created, we need to

Custom created sidebars can be used on any Page. The custom created sidebars are available on all Pages to select. See screenshot given below:

We are providing Revolution Slider and any custom slider (shortcode based) support with our theme. The Revolution Slider plugin is bundled with our theme so you don't need to buy it separately. This plugin should be installed during all plugin installation. You can add slider in any page/post. The option is looks like this:

Revolution Slider

The Revolution Slider is enabled by the "Revolution Slider" plugin. This is third party plugin (not developed by us).

Make sure you created or imported some sliders in Revolution Slider plugin. You can read "Revolution Slider" plugin documentation online to learn how to create slider.
Click here to read it.

Here we described how to select the slider for the page/post. First, edit the page (in backend admin section) or post on which you want to show slider. Than scroll down and you will see the slider box. Just select "Revolution Slider" option. Than you will see two new options. Select slider in first option and than select how you like to show the slider like "Boxed" or "Wide" view. See screenshot given below:

Custom Slider

You can install any third party slider plugin and show the slider using their shortcode too. We are providing option where you can paste shortcode and it will appear in header area.

Just install the plugin and create slider in it. Than copy it's shortcode and paste it in the custom slider box shown in below image:

Pages are main part of the WordPress and this makes the WordPress a solid CMS tool. You can manage all pages from Admin > Pages section. If you are absolutely new to Wordpress, please check the Overview with WordPress.

Note: Once the page is created, it should be added to menu via Appearance >> Menus if you'd like it to appear in the navigation on website frontend. There are two menu positions Navigation Menu and Footer Menu. The rest of this section is devoted to page templates available within the theme and the custom options provided.

A number of custom options is available for any page created. Once you are in a specific page in admin panel, scroll down until you see the custom options block illustrated in below Screenshots. We will go through options one by one:

Topbar Options

Don't know what is Topbar? Click here to know.

• Show Topbar: If you want to show or hide Topbar (only on this page) than check this option.
• Background Color: Please select color for background of the Topbar (only on this page). There are some pre-defined colors but you can also select custom color (via color picker) too. Just select "Custom" in this option and the color picker will appear.
• Text Color: Please select color for text in the Topbar (only on this page). There are some pre-defined colors but you can also select custom color (via color picker) too. Just select "Custom" in this option and the color picker will appear.
• Topbar Left Content: Write content for the left side area in the Topbar. (only on this page).
• Topbar Right Content: Write content for the right side area in the Topbar. (only on this page).

Titlebar Options

Don't know what is Titlebar? Click here to know.

• Hide Titlebar: Check this box to hide the Titlebar.
• Page Title: (Optional) Replace current page title with this title. So Search results will show the original page title and the page will show this title.
• Page Subtitle: (Optional) Please fill page subtitle
• Titlebar Background Options: Select background color or image for the Titlebar. You can set any any option related to background from here.
• Titlebar Font Options: Select text color or font family For the Titlebar.
• Titlebar Text Align: You can change global options for this. You can align text like Left, Right etc.
• Titlebar Height: Set height for Titlebar. You can change global options for this.
• Hide Breadcrumb: If you want to hide breadcrumb than check this option

Slider Area Options

• Select Slider Type: Select slider which you want to show on this page. The slider will appear in header area. When you select "Slider Revolution" than it will show you dropdown of the slider you created in "Revolution Slider". When you select "Nivo Slider" or "Flex Slider" than it will show you dropdown of the slider group you created.
• Slide Size: Select slider width size.

Sidebar Widget Options

• Left Sidebar: (Optional) Select your custom sidebar for left sidebar area.
• Right Sidebar: (Optional) Select your custom sidebar for right sidebar area.
• Sidebar Position: (Optional) Select position for sidebars.

Note: You should read about the Sidebars / Widgets section to understand more usage of this box.

Creating a blog page is easy. MrHandy is using native Blog settings. Just create a new page for blog and set it as "Posts page" under Settings >> Reading section. See screenshot given below:

Now start creating new posts by going to "Posts" section

MrHandy theme supports 10 post formats. You will see all Post Formats as tabs to select. If you can't see tabs than please install CF Post Formats plugin. Here are list of all supported post formats with details:

• Standard post format:
  
• Aside post format:
  
• Audio post format:
  
• Chat post format:
  
• Gallery post format:
  
• Image post format:
  
• Link post format:
  
• Quote post format:
  
• Status post format:
  
• Video post format:
  

The Portfolio section is core part of our MrHandy theme. You can setup it very easily. The process is like this:

1. Create some portfolio items
2. Show them on page (in row/column or with carousel effect)

1. Creating some Portfolio items

• To setup Portfolio, first you need to add some entries(items) with photos and texts. Go to "Portfolio" section and click "Add New". Fill details as described in below screenshot:
  
• Create some more entries as described above.

2. Show them on page (in row/column or with carousel effect)

• Now we need to create a page to show all portfolio entries. So create a new page now and fill title and also enable the Visual Composer editor:
  
• Now click on Add Element button to add Portfolio element:
  
• Now click on the CymolThemes Portfolio Box button to add portfolio lists:
  
• Now you will see CymolThemes Portfolio Box Settings box. Just set as in below screenshot:
  
  
  Here is the "Box Design" tab options:
  
• Save the page by clicking Publish button:
  
• Now you will see the page is now showing all Portfolios in three column layout. You can change the column view to one, two or four columns too. Just change the Column dropdown and save it to view:
  
• That's it.

The current view we set (following the steps given above) is with default spacing between each boxes (left/right/top and bottom spacing). You can reduce the space or remove the spacing between each box.

Change the spacing between boxes:

• First. edit the CymolThemes Portfolio Box as shown in the image below:
  
• Now change the Box Spacing option and save settings. You will find some options:
  
• Now save the page. That's it.

You can easily set Social Service Icons on Single Portfolio view, so that site visiors can share this Single Portfolio on Social Media sites.

Here are steps how you can enable this Social Icons on Single Portfolio.

• Go to Admin > MrHandy Options > Portfolio Settings and select Social Icons from Select Social Service option. Just check the checkboxes (which you like to show) and SAVE MrHandy Options
  
• Here is screenshot of how the Social Icons will look on Single Portfolio view (frontend view)
  

The Team Members section is part of the MrHandy theme. You can add all members here. You can setup it very easily. Here are steps.

• To setup Team Members list, first you need to add some members with photos and texts. Go to Team Members section and click "Add New". Fill details as described in below screenshot:
  
• Create some more entries as described above.
• Now we need to create a new page to show our Team Members. The option is included in "Visual Composer" plugin (Make sure you installed Visual Composer plugin). Go to Pages >> Add New and click on "Add element" button:
  
• You will see all Visual Composer elements. Click on CymolThemes Team Member Box element:
  
• Now you will see options for the Team Member area :
  
  
  Select total number of team members you want to show under "Show" menu. And select "Columns" you want to show. Also select "Team Group" if you want to show members from selected group only.
• The Team Member box is inserted. The box will look like this:
  
• That's it.

The Members group is very useful if you have different department or specialist team. Create different groups (category) as described below:

The Testimonial is part of the MrHandy theme. You can setup it very easily. Here are steps.

• To setup Testimonials, first you need to add some entries with photos and texts. Go to "Testimonials" section and click "Add New". Fill details as described in below screenshot:
  
• Create some more entries as described above.
• Now we need to create a new page to show our Testimonials. The option is included in "Visual Composer" plugin (Make sure you installed Visual Composer plugin). Go to Pages >> Add New and click on "Add element" button:
  
• You will see all Visual Composer elements. Click on CymolThemes Testimonial Box option:
  
• Now you will see options for the Testimonial area. Just modify the option are your requirements and click on "Save" button to apply the changes:
  
• The Testimonials box is inserted. The box will look like this:
  
• That's it.

The "Client Logos" is core part of our MrHandy theme. You can setup it very easily. Here are steps.

• To setup Client Logos, first you need to add some entries with photos and texts. Go to "Client Logos" section and click "Add New". Fill details as described in below screenshot:
  
• Create some more entries as described above.
• Now we need to create a new page to show Client Logos. The option is included in "Visual Composer" plugin (Make sure you installed Visual Composer plugin). Go to Pages >> Add New and click on "Add element" button:
  
• Now click on CymolThemes Client Logo Box option.
  
• Now you will see options for the Client Logo box. Fill all options as you need and click on "Save" button to add :
  
• The Client Logo box is inserted. The box will look like this:
  
• That's it.

Setting one page website is easy. Just follow the steps given below:

• First you need to set one-page website. Go to Admin > MrHandy Options > Layout Settings and enable it by setting it as ON in One Page Site option.
  
• Now we need to create one page with different IDs and set link for it. Follow steps given below:
  
  
  

  Set link in Appearance > Menus like this:

  

Setting "Home" link for one page

You need to create a new custom link and add #cmt-home as link. This will scroll to top when clicked and also activate Home link in menu.

Visual Composer is an external service and the plugin is developed by third party developers. They have already provided very good documentation.

We also developed some extra features apart from default Visual Composer features. Please see below screenshot for extra features:

For adding WPML plugin follow below Steps:
Step 1: Go to admin panel
Step 2: Click on plugins option
Step 3: Add New plugin
Step 4: Upload plugin
Step 5: Select the directory where the plugin resides and install it.
Step 6: Activate plugin.

As this plugin is pro version you have to buy it we don't provide it with our theme package.

If you are new to translating WordPress, you’re in the right place! In general, internationalization and localization (commonly abbreviated as i18n and l10n respectively) are terms used to describe the effort to make WordPress available in languages other than English for people from different locales. The actual localization is done using the GNU gettext framework, which is used by WordPress itself including the themes and plugins.

Here are overview steps for translating your site.

1. Set your WordPress for the language so the admin section will be in your language
2. Create language PO file for translation
3. Modify the PO file using POEdit software and translate all strings in it. This will also generate MO file which is used by WordPress

In order to make WordPress recognize the language to which you want to translate the core WordPress, the theme or the plugins, you have to define the language within the wp-config.php file or change a setting within the dashboard. The process is dependent on the WordPress version and is described below:

Storing translation files in the right directory is very important to make sure the translations you’ve downloaded, created or edited remains functional and intact. There are two ways to store translation files. The first method is storing it inside the themes folder located at the wp-content/languages/themes folder, and the second method is to create a new folder inside wp-content named mrhandy-languages (this is for safety).

Translation files

We are providing translation files so you can translate your site easily. Just follow the steps given below:

1. First you need the PO file to edit it and add your translation in it. We are providing mrhandy.pot file in our theme folder so you can find it at /wp-content/themes/mrhandy/languages/ folder. the file name is mrhandy.pot. You can create PO file from this POT file and add your translations to PO file

Method 1: Storing Inside The /wp-content/languages/themes Folder (recommended)

Generally language files are in the themes folder (that is 3rd method) and you put inside it. But the theme update will remove the language files so we recommend you to put your files outside of the theme folder.

Placing your translation files inside /wp-content/languages/themes folder will make your language files safe and it will not be removed on update. So updating the theme will not overwrite the wp-content folder. Storing your translation files here will ensure they stay intact during updates.

If you choose to store your language files using this method, remember that the file structure is different, and must include the theme name, as well. For example, if the language files are in the Deutsch language, the file names would be mrhandy-de_DE.mo and mrhandy-de_DE.po.

Method 2: Storing Inside The /wp-content/mrhandy-languages/ Folder (for safety)

Generally language files are in the themes folder (that is 3rd method that we don't recommend so we haven't described it) and you put inside it. But the theme update will remove the language files so we recommend you to put your files outside of the theme folder.

Placing your translation files inside /wp-content/mrhandy-languages/ folder will make your language files safe and it will not be removed on update. So updating the theme will not overwrite the wp-content folder. Storing your translation files here will ensure they stay intact during updates.

In order for WordPress to recognize the language to which you want to translate the theme, you must name the Language files accordingly using the ISO Language Codes. For example, if you wanted to translate mrhandy to the Deutsch language, the filenames would be de_DE.po and de_DE.mo.

There are different editors out there for the purpose of editing .po files, but POEdit is easy to use, it is available for all platforms and it is freeware. To download POEdit, follow this link.

For example, just open the recently saved de_DE.po or MrHandy-de_DE.po (depends on which step you are following) in this POEdit software and start editing it. Add translated word and save the changes.

This page contains solutions for general questions

• Bootstrap
• jQuery
• Isotope

• Picjumbo: Thanks to picjumbo for great free images.

• WPBakery Page Builder for WordPress
• Revolution Slider