Design: GfxPartner
Programming: 1theme
Support: 1theme.com/forums/
Updated At: 23 FEB 2014

Thank you for buying our template. We hope you'll like it as much as we liked making it.
If you have any questions that are beyond the scope of this help file, please visit our support forum at 1theme.com/forums/ and we'll gladly assist you.
Thank you.

 
 


Table of Contents

 


1. Support To Top

Hello and thank you once again for buying our template.

If you can't find an answer inside this help file, we provide a support forum to handle your requests. It should be used only for questions on theme features, requests or issues you might encounter. Before you are ready to use the support forum you should create an account and activate it using your item purchase code.

  • Go to ThemeForest and Log into your account
  • Next click on your username and click Downloads
  • Navigate through the items you have bought and find our theme
  • Then Click on Download and select "License Certificate"
  • Open it and find the Item Purchase code (see image below)
  • Visit http://1theme.com/themeforest/ and register an account using your item purchase code.
  • Activate your accound and you can now use the forum to create and reply to threads.

Although please note that the forum shouldn't be used for questions on customizations or third party plugins.
 


2. Information To Top

Before you proceed at installing the theme make sure you have installed a working copy of WordPress. You can read more about the WordPress famous 5 minute installation process here. If you need help at installing WordPress you can read more here. Or watch this video created by the WooThemes team here.

After you have downloaded the theme from Themeforest you will have a zip file with all the files we created for you.
Extract this file. Inside you will find a folder called simply "Mint" with the following files:

  • 1. Documentation - contains all the help files we provide along with the theme. It's the same documentation you are reading at the moment. You can also view this documentation online.
  • 2. Theme - contains the zip file of the theme which you should be uploading to your sever. It is the most valuable of them all.
  • 3. XML File - contains an XML file. You can use this file to import the demo data you see on the demo web-site.
  • 4. License - contains licensing information.
  • 5. PSD - contains the PSD files of the theme.
  • 6. Child Theme - contains the child theme as a prepared file which allows you to extend the theme.
  • index.php and style.css - these are two files to let people know that they have uploaded the wrong file. In case users upload the whole package instead of the theme from it.
 


2a. Installation via WordPress To Top

Now you are ready to install Mint. To install Mint via WordPress:
  • Go to Appearance → Themes
  • Click on Install Themes
  • Choose "Upload"
  • Navigate and select the file from the 2. Theme folder
  • Click install now
  • Go to Appearance → Themes
  • Activate Mint
 


2b. Installation via FTP To Top

If for some reason you are not able to install Mint using WordPress follow these steps to install Mint:
  • Start your FTP Software of choice. We suggest using Filezilla
  • Log into your hosting account and navigate to the folder where you have installed WordPress (e.g. ~/public_html/yoursite.com/)
  • Navigate to the wp-content/themes folder (e.g. ~/public_html/yoursite.com/wp-content/themes/)
  • Unzip Mint and make sure you are uploading the theme not the whole package.
  • Set the transfer type to binary!
  • Upload the unziped theme to the themes folder
  • Now in your WordPress installation go to Appearance → Themes
  • And activate Mint
Make sure you are uploading the files in binary mode!
Make sure you are uploading Mint files from the ziped theme not the zip file itself!
 


3. Demo XML To Top

It's probably a good idea to import the demo data you see on our demo web-site. This section will guide you in installing the WordPress Importer plugin and import the demo data.

  • Go to Tools → Import
  • Click on WordPress Importer. If you haven't previously installed this plugin it will ask you to install it. Install it.
  • Once the plugin is installed, select the XML file from the 3. XML folder and upload it.
  • Assign the content to a user or create a new one
  • And check the "Download and import attachments" checkbox
  • Click Submit
Note that this process might take some time depending on your server configration

Some users might experience problems at this point at which the importer fails to download the attachments. If you failed to import the content or the attachments didn't download make sure you follow these steps before trying again.

  • Make sure your uploads folder exists and is writable.
  • Set the chmod to 777
  • Make sure your max_file_uploads is set to a higher value
  • Make sure your max_upload_size is set to a higher value
This process might take quite some time. Be patient please.
 


3a. Demo Data Plugin To Top

Alternatively, you could use our import data plugin. It's a plugin which holds all the images and database entries.
Once you activate and run the wizard you will get all the demo data running.

First grab the latest version of Demo Importer from here or here

After you've downloaded the plugin make sure to make a backup. Then upload the plugin and activate it.

Make sure to backup your web-site ! The plugin destroys existing content!

If you fail to upload the zip file, upload it using your FTP client.

Next, click on "Mint Demo Data" under "Tools" and run the importer.

The importer will delete existing content, run a few queries and import new content and lastly will copy all the uploaded files.

If you have any problems at all with the plugin please write us and we'll try to fix it as soon as possible.

 


4. Plugins To Top

To make this theme more flexible we decided to drop a few plugins to aid the users in creating content. This way you can either use the plugin we are providing or replace it with the one you like. At this point we suggest installing the following plugins:
  • Contact Form 7 - guessing by the name it's a plugin you can use to create forms. It's a very flexible plugin with a lot of customization options. If don't like it you can use any other plugin for the contact form
  • Latest Tweets - it's a plugin which adds an widget to show your latest tweets. You can embed this plugin to show your latest tweets and show it on any sidebar or content you like.
  • MailChimp for WordPress lite - there are certain areas of the web-site where you would like to show a "newsletter signup" form. Well this plugin helps you do that.
  • Quick Flickr Widget - allows you to show the latest flickr feed from your Flickr profile.
  • Revolution Slider - an extremely flexible and powerful slider plugin.
  • Layer Slider - another extremly powerfull slider.
  • WooCommerce - enables all the power of ecommerce on a website.
  • Sitemap - a very simple plugin which allows you to generate a sitemap
  • WPBaker Visual Composer - this plugin is the main source of shortcodes and flexibility on the whole web-site. We have extended it and modified and added a lot of great items. This plugin is required. Although you can choose to work without him and still using it's powerfull shortcodes.
  • And much more to come...

There are a few plugins which are recommended and a few which are required. Revolution Slider and Visual Composer are not part of the official WordPress repository because they are premium plugins.
But because we own an extended license we can share these plugins with you guys. Now to install these plugins and those we recommend you should install them through the special interface (not the regular plugin installation interface). Go to Appearance → Install Plugins. Install all the required plugins and those you want.
All other plugins that are in the public WordPress repository can be installed through the regular plugin installation process.

 


5. Setup a Menu To Top

If you have imported the Demo data then you should already have a menu. If not follow these steps to create a menu and add items to it:
  • Go to Appearance → Menus
  • Click "create a new menu"
  • Add a name and create a menu
  • Once you have the menu created select the content you would like to this menu. For example add a few Pages.
  • You can tilt the menu items to the right to create the submenus
  • Once you created the items click "Save Menu"
  • Now you have to assign the menu to a theme location. Click on Manage Locations tab at the top
  • Select the location you want for example the Main Menu, and select the Assigne Menu which is the menu you have created.
  • Then click "Save Changes"
 


5a. Nested Menu Elements To Top

If you don't like the way Uber Menu works and would like to make a beautifull menu without the use of Uber Menu, then you'll need beautifully placed nested elements. Mint can help you do that.
First create a regular menu as is shown in the upper section. Now before you proceed make sure you show CSS classes in your Screen Options (see screenshot).

Enable screen options to show CSS classes

Now you'll have to choose a number of columns. That way you'll have to tell Mint what number of columns to keep in the submenu. Assuming you've chosen 4. You should add 2 classes to the parent element. See screenshot

Now you'll see that we've added 2 classes "mint-extended" and "mint-menu-col4". You'll see the number 4 at the end which means we'll be having 4 other sub elements. The next step is to add the elements. Add one simple page that will represent your column and your element items as third nested items which are actually the column elements. And that's it.

You can always import the demo data and see the menus we've created there.
 


5b. Uber Menu To Top

UberMenu is a premium plugin which allows users to create rich and powerful menus. Unfortunately the plugin doesn't offer an extended license and we could not bring this awesome plugin into Mint. Although we still have included the functionality to use it. First if you intend to use UberMenu you should acquire it.
To buy UberMenu visit this page UberMenu.
After you have acquired UberMenu install and activate it. After you have installed UberMenu you will now have the option to use it. Before you do that make sure you enable Uber Menu Support in theme options. You can read more about UberMenu on UberMenus official page here

1. Activate plugin



2. Now go to Theme Options -> Header Setings -> Menu Type ( On Bottom).



3. Activating WordPress 3 Custom Menu Support

  1. Navigate to Appearance > UberMenu
  2. Under Theme Integration, enable Easy Integration
  3. Click Save Settings

4. Setup style for Uber Menu.


  1. Navigate to Appearance > UberMenu
  2. Under Basic Configuration, turn off Expand Menu Bar Full Width!

  3. Under Style Configuration, Select Do Nothing on Style Application

5. Go to Apperance>Menus and activate Uber Menu for your menu



For full documentation on uber menu visit wpmegamenu.com

 


6. Page Templates To Top

If you never worked with WordPress you should know that WordPress has a concept of Page Templates. This allows you to create a page and select a custom Template to customize it differently. This is great because it allows you to customize the same content under different templates. At this point Mint has 3 different page templates:

  • Compact page - the title says it all it allows you to create content on some pages and show it in a very compact way. It removes the whole header and footer allowing your visitors to concentrate only on the content.
  • Short Page - it's a little bit different. It's a template which has a very short header and allows for content to be directly placed under the header.
  • Contact Page - allows for the contact page to be created. Use this to create a contact page.

Along with Page Templates each page/post/portfolio item can be customized by using the "Page Settings" box. As you can see this adds a whole lot of customization options to your pages.

 


7. Blog Page To Top

To create a blog page go to:

  • Admin Panel → Pages → Add new.
  • Add a title (it will be ignored)
  • Leave the content empty (it will be ignored).
  • Publish the page

Although most of the pages can be customized using the "Page Settings" box while editing the page. Unfortunately this is not the caase of the Blog Page or Portfolio page. We call these Special Pages. Special Pages are usually the pages which list the items (like the blog page or portfolio page). Still you are able to modify the look of these pages on the Theme Options page. We'll get back to Theme Options a little later.
To modify the look of the Blog Page go to Admin Panel → Theme Options or Admin Panel → Appearance → Theme Options.
This is the Theme Options page, for now find the Blog Settings tab and click on it.

As you've probably noticed this page has a lot more settings than other pages. Make sure to walk through each and every settings and customize it the way you like.

The last step is to setup the page you've created earlier to be the page WordPress will use to show your blog posts.

  • Go to Settings → Reading
  • Check "Front page displays" → "A static page" and select "Posts Page" and select the page you have created earlier.
  • Save Changes and now you can view your Blog Page live
 


8. Portfolio page To Top

Hapilly the portfolio page setup process is a little more easier.

  • Go to Pages → Add new
  • Name it "Portfolio"
  • And publish the page

If you would want to customize this page go to Appearance → Theme Options or Theme Options and click on the "Portfolio Settings". All customizations for this page are to be made here.

Note that the page url must match the word "portfolio" for any other uses a shortode from Visual Composer.
 


9. WooCommerce To Top

This section is about the ecommerce plugin from the WooThemes team.
Ever wanted to have your own shop? Now you have this option with WooCommerce and Mint.
First make sure you have installed and activated WooCommerce. If you haven't go to:

  • Appearance → Install Plugins
  • Find WooCommerce and Click Install
  • Go to Plugins find WooCommerce and click Activate

Now at this point WooCommerce will ask you to generate the demo pages. Allow it to do it.

The next step is to create categories, tags and products.

  • To create Categories go to
    • Products
    • Categories
    • Add new
  • To create Tags go to
    • Products
    • Tags
    • Add new
  • To create Products go to
    • Products
    • Add new

If you allowed WooCommerce to generate the pages for you. Then find the Shop Page and view it. You should now have a working Shop at this point.

You can customize the layout of the Shop by going to Theme Options → WooCommerce.

You can read more about WooCommerce here

 


10. Contact Page To Top

Before we proceed and create the actual page we should create a Contact Form. For this task we are going to use the Contact Form 7 plugin we mentioned earlier.

  • Go to Contact
  • Click Add new
  • Generate all the fields you need
  • Customize the form
  • Save your changes
  • Copy the shortcode
Here is the layout we are using on the Contact 1 page.

						<div class="wpb_row vc_row-fluid">

	<div class="vc_span6 wpb_column column_container">

	<p class="mb20">[text* your-name placeholder "Name"] </p>

	<p class="mb20">[tel tel-193 placeholder "Phone"]</p>

	</div>

	<div class="vc_span6 wpb_column column_container">

	<p class="mb20">[email* your-email placeholder "Email"] </p>

	<p class="mb20">[text your-subject placeholder "Website"] </p>

	</div>

	</div>



	<p class="mb20">[textarea your-message placeholder "Message"] </p>



<p>[submit class:btn class:widefat "Send"]</p>

					
You can use this code to create the exact same form we are using. Now when you have this shortcode go on and create a page. If you are using visual composer find Contact Form and find the form you have created and now insert it. If you aren't then insert the shortcode you have copied earlier. At this point you hould have the contact form in place. Add any other items you need. Here is the layout which we are using on the contact 1 page.

	[vc_row el_class="fullwidth"][vc_column][vc_gmaps type="m" zoom="14" link="https://maps.google.com/maps?q=New+York,+NY,+United+States&hl=en&sll=37.0625,-95.677068&sspn=61.323728,135.263672&oq=New+York&hnear=New+York&t=m&z=11" size="325"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][space space="50"][vc_column_text]

<h3 style="text-align: center;">Write Us A Message</h3>

[/vc_column_text][contact-form-7 id="301" title="Contact form 1"][space space="60"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][iconbox title="Address" icon="icon-home" type="mint-iconbox-j"]United States of America.

P.O Box, 353 Three Avenue.[/iconbox][/vc_column][vc_column width="1/3"][iconbox title="Phone" icon="icon-phone" type="mint-iconbox-j"]Local: 123 (88) 999 258

Mobile: 123 (88) 999 258[/iconbox][/vc_column][vc_column width="1/3"][iconbox title="Email" icon="icon-mail" type="mint-iconbox-j"]info@Mintmegapack.com

www.Mintmegapack.com[/iconbox][/vc_column][/vc_row]

 


11. Visual Composer To Top

I've been mentioning Visual Composer all over this documentation. It's time we take a closer look at this powerfull tool. Make sure you installed Visual Composer as described in the Plugins section. This is a powerfull plugin which gives you the possibility to create rich and beautiful pages in a very easy way. It introduces the concept of panels and rows. Rows can have columns and will allow you to add items in a block-like interface. Which is kinda cool and easy to use. The plugin comes bundled with a whole bunch of items which include:


  • Rows
  • Text Blocks
  • Separators
  • Message Boxes
  • Facebook Like Button
  • Tweetmeme Button
  • Google+ Button
  • Pinterest Button
  • FAQs
  • Images
  • Galleries
  • Tabs

  • Tour Sections
  • Accordions
  • Teasers
  • Post Sliders
  • Widgetised Sidebars
  • Buttons
  • Video Players
  • Google Maps
  • Flickr Widget
  • Progress Bars
  • Pie Charts
  • Search forms

  • WP Metas
  • WP Recent Comments
  • WP Calendars
  • WP Pages
  • WP Tag Cloud
  • WP Custom Menu
  • WP Text
  • WP Recent Posts
  • WP Links
  • WP Categories
  • WP Archives
  • WP RSS
Our own elements unique for mint:
  • Quotes
  • Bars
  • Icon Boxes
  • Sliders
  • Carousels
  • Spacers
  • Team boxes
  • Dropcaps
  • Highlights
  • Cutom Lists
  • Socials
  • Testimonials
  • Others to come...

Some of these are extended by us and have even more functionality than they originally had!
As you can see it has a lot of useful features which will really help you in creating your awesome content! Here is a screenshot :

 


12. Theme Options To Top

It's finally time to introduce you to the Theme Options page. The page which allows you to change your theme the way you want. This page has a very big list of settings:
  • Main Settings - here you can modify the general settings from Logo, Favicons and Tracking ids to disablign Retina Ready or Responsiveness.
  • Header Settings - here you can modify the look of your heading. You can choose from our predefined layouts and customize each element. At this point the header has two areas the Left and Right. You can choose whatever you would want to show in those sections.
  • Inner Header - it's the part where you can change the inner heading which is that area right under the header. It has the same concept of areas and you can select whatever you would like to show in those areas.
  • Typography - Customize the fonts or upload your own custom fonts.
  • Blog Settings - this page allows you to customize your Blog page.
  • Portfolio Settings - this page allows you to customize your Portfolio Page
  • Footer - here you can change the look of your footer. It uses the same concept of areas mentioned above.
  • Social Networks - A big list of social networks. Insert your social network addresses here
  • Coming Soon - allows you to enable/disable the coming soon page and cutomize it.
  • Maintenance - allows you to enable/disable the maintenance mode.
  • Background - customize the backgrounds of your web-site.
  • Colors - customize the colors of your web-site.
  • Lightbox - choose and customzie the lightbox you like the most
  • Contact - customize your contact details
  • Other - other settings
  • WooCommerce - customize WooCommerce here
  • Custom CSS - add your custom CSS here.
 


13. Custom Sidebars To Top

The theme comes with a little handy plugin called "Custom Sidebars". It allows users to create sidebars on their own. Then assign content to the sidebar. Now when editing a page the user has the posibility to select which sidebar he should show on that specific page. To create a custom sidebar go to:
  • Appearance → Sidebars
  • Enter a sidebar name and click "Add Sidebar"
  • A css Class will be asigned to it.
  • Next go to Appearance → Widgets
  • Add elements to your newly created sidebar
  • Then go to Pages → Your Page
  • And in the "Sidebar" box select the sidebar you created
  • Save changes.
 


14. Revolution Slider To Top

 


14a. How To Export/Import Your Revolution Sliders To Top


How To Export Your Revolution Sliders

To Export Your Revolution Sliders open your slider and on bottom of page you will see Import/Export. On tis label click on export and save your slider.


How To Import Your Revolution Sliders

To import slider you need to follow next steps.

  1. Create new slider.
  2. Pres on 'Edit Slider', go to bottom of page and click on label 'Import/Export' .
  3. Select your file and click import.
  4. Save Slider and Done.

 


14b. How To Export/Import Your Layer Sliders To Top


How To Export Your Layer Sliders

To Export Your Layer Sliders go to 'Layer Slider' in your dashboard and on bottom of page you will see Import/Export. Select what slider you need to export and press 'Export' button.


How To Import Your Layer Sliders

To import slider you need to follow next steps.

  1. Go to 'Layer Slider' in your dashboard.
  2. Go to bottom of page on 'Import/Export' .
  3. Press on 'Browse..' select your file and click 'Import' button. Done.

 


15. Child Theme To Top

If you are a developer and would want to use Mint as a base to develop your own theme. It's recommended that you use a child theme. In other words a child theme is a theme which allows you to extend the main theme or override some of the features it has. Every function call in mint is prefixed with a "function_exists" check. That means you can override any function and it will be called instead. So basically for example if you would like to add something to the title in the inner header. In your child themes functions.php file you can add a function:
<?php function mint_get_page_title( $title ) {

	echo $title . " / Our custom text";

} ?>

The function "mint_get_page_title" will be overridden and your function will replace the output instead. As you can see this is a very powerfull feature and the best thing is you don't have to mess with our own code. You can read more about in the child theme directory.
 


16. Translation To Top

If you are using a translation plugin you have probably noticed that some words are not being translated. Well these are special keywords hardcoded in the theme and should be translated using the WordPress internal translate system. You can add a translation in your language by using a translation software, for example PoEdit.
  • Install and run PoEdit
  • In PoEdit open any file from the languages folder (e.g. ru_RU.po)
  • On the bottom side you will see the original string and below the translated string
  • Replace the translated string with your languages string
  • Save the file as your language code. For example pl_PL.po (for Polish)
  • PoEdit will automatically generate a pl_PL.mo file
  • Edit the wp-config.php file and define the WP_LANG constant to the language code you just created
  • WPML will automatically use the translation files if you provide them
If by any chance you have translated our theme into your native language please send a copy of the *.mo and *.po file to us at support at 1theme.com
 


19. Landing Page Animation To Top

Landing Page Animation is based on class of Visual Composer, if you want to add animation to specific element you need to insert a new class for this element.

  1. Go to your element
  2. Click on edit
  3. Find Class and add one of your favorite animation.
Animation list:
FromTopShort, FromBottomShort, FromLeftShort, FromRightShort, FromTopLong, FromBottomLong, FromLeftLong, FromRightLong, FadeIn, FadeOut, Rotate, Rotate2, Vibration, Vibration2
See it in action on Live Demo
 


20. Parallax Background Effect To Top

Parallax Background is based on class of Visual Composer, if you want to add Parallax Background to specific element you need to insert a new class for this element and background image.

  1. Go to your row
  2. Click on edit
  3. Insert background image, Find Class and add parallaxeffect.
See it in action on Live Demo
 


17. FAQ To Top

Q: How do you create a full width slider?

A: click here to view a gif Create a page and select the page template as "FullWidth Slider". Now add a slider through visual composer. You'll notice that is full width but so is the whole content. To fix this, add the class "mint-elastic" to the row and the content will be placed in the center.

Q: How to make an element fullwidth?

click here to view a gif In visual composer add rows with elements you would like to make fullwidth. Now add the class "fullwidth" to the row. This works for most elements including Google Maps.

Q: How to enable Visual Composer for Portfolio Items or another custom post type

A: Go to Settings → Visual Composer. In the General Settings tab, find Content Types and tick all content types you would want. Then save your settings