Thank you for purchasing our theme. Before you get started, please be sure to always check out this setup guide and the relevant "How to Guides". We outline all kinds of good information, and provide you with all the details you need to use the theme. 

If you are unable to find your answer here in our documentation, we encourage you to search our Knowledgebase, watch the beginners Video Tutorials, and also perform a Search for your answer. Chances are your question or issue have been brought up already and the answer is waiting to be found. If you are unable to find it anywhere, then please check out the guide "How to get theme support". Thank you, we hope you enjoy using the theme!



Table of content

  1. Introduction
  2. Installation and updates
       Install & activate the theme
       Live Demo content import
       Problem installing?
       Updates
  3. Layout
       How to create sidebars and add widgets to them
  4. Styling Your Website
       How to use Drag & Drop page / post builder  
       How to add custom CSS code
       How to use shortcodes
  5. Setting up pages
       Global options
       Local options
       Home page
       Setting up blog listing page and blog posts
       Setting up portfolio listing page and portfolio posts/Items
  6. Setting up Revolution Slider
  7. Setting up the WooCommerce plugin
  8. Setting up Google Maps Easy Plugin
  9. Setting up the Booked Plugin
  10. Setting up Instagram Feed Plugin
  11. Setting up Ninja Forms Plugin
  12. Setting up Jetpack plugin
  13. Theme support




The theme is one of the best documented on Themeforest, it comes with :


  • 100 + help articles written by us
  •  23 Meticulously-scripted and professionally-produced HD video tutorials for beginners

    Extensive setup guide.

  • In-Dashboard Contextual Help. Тhere are little helpers everywhere in the interface, that let you retrieve quick information about the particular fields you are currently viewing.
  • The theme utilizes standard for any WordPress theme sold on Themeforest functionality - Revolution Slider, Drag and Drop builder based on Visual Composer and WordPress Customizer and any user with prior experience with Themeforest themes will feel pretty comfortable with this theme.





Introduction 

Hi, we are VamTam Creative Design Agency specializing in Premium WordPress Themes. We are passionate about good design and strive for perfection in all the work we do.


If you are new to WordPress and this is your first site  using this platform it is a good idea to learn WordPress prior to  working with the theme. We have 23 meticulously-scripted and  professionally-produced HD video tutorials for beginners that will help you to get familiar with WordPress

Video Tutorials for Beginners


Please note that you have to be logged in to our Help Desk in order to see the video guides.


Help us out!

We continually work on our documentation, so please let us know if you have any issues!

If you are feeling that our documentation has errors or can be improved, please contact us.

Any contribution is much appreciated.

Thank you!


Licensing Terms

Please be advised, in order to use the theme in a legal manner, you need to purchase a separate license for each domain you are going to use the theme on. A single license is limited to a single domain/application. For more information please refer to the license included with the theme or Licensing Terms on the ThemeForest site. 



Hosting and Domains


Low Cost Solution

Our themes require that you have WordPress installed and running on a web hosting account. We recommend you use a host trusted by WordPress that has quality products and service. Many users ask us who we recommend and we think Bluehost is one of the best solutions out there




Premium Managed Solution
WordPress hosting perfected

Stunning speed, powerful security, and best-in-class customer service. At WP Engine, WordPress isn’t just our platform, it’s our passion.


WP Engine Managed WordPress Hosting



Theme Customization

Our support covers getting setup with the theme, theme related questions and bugs or issues that occur when using the theme. Customization can be any work you need done to the theme that is not covered by the scope of our support. In most cases, this is anything that falls outside of the options the theme offers. While we take custom projects occasionally most of the time we are busy working on new themes. The good news is that you will find plenty of quality developers and designers in the new Envato's website - Envato Studio.





Installation and Updates


Hair Beauty Nail Spa Salon Barber Shop WordPress Theme has been tested on all major browsers and the latest version of WordPress. We have gone through the setup process multiple times and provided the best possible instructions.

We strongly recommend you to use a fresh install of WordPress and integrate your content into the pages according to the documentation. Of course, you can try to implement the theme into your current WordPress, but we will not provide in-depth support for it. The theme has specific settings that may conflict with your current setup of categories, plugins, javascript use, and more.


Requirements for Hair Beauty Nail Spa Salon Barber Shop WordPress Theme


To use Hair Beauty Nail Spa Salon Barber Shop WordPress Theme, you must be running WordPress 4.5 or higher. Below are a list of items you should ensure your host can comply with.


  • Check to ensure that your web host has the minimum requirements to run WordPress.
  • Always make sure you are running the latest version of WordPress
  • You can download the latest release of WordPress from official WordPress website 
  • Always create secure passwords FTP and Database


Install & Activate VamTam Theme


You may check our in depth installation tutorial or follow the instruction below: 

Installation Guide



1.Download the "Installable WordPress file only" from your ThemeForest Account - "Downloads" tab.


2.Login to your WordPress Administration Panel.

3.Select the Appearance panel, then Themes.

4.Select "Install Themes" tab and select Upload.

5.Browse your computer to select your "themename".zip file you've just downloaded.

6.Click Install Now and WordPress will work its magic and install the theme.

7.Activate the theme


Install the recommended plugins

When you first install any wordpress theme, it will not contain all the extra content that you might of seen in the live demo. The first step to recreate the live demo is to install the recommended plugins.

You can do this from: 


Dashboard > Appearance > Install plugins


Live Demo Content. How does it Help Me?


Please note that you must install the required plugins prior to importing the dummy content. 


This is a great feature that helps novice WordPress users and veterans alike. This feature makes the necessary  settings/configurations and installs demo content in the WordPress  theme: categories, pages, posts and widgets.

Your VamTam theme will look exactly like the one you see on our live preview. It doesn't matter if you know WordPress inside out or seen it for the first time, it's always easier to modify posts, categories, pages and widgets that are already there rather than creating them from scratch. Moreover it is easier to understand how your new VamTam theme works.

Our Quick Import is a tremendous feature that will save you a lot of frustration and headache at a press of a button. Try it out. We promise you won't be disappointed.


Please note that the dummy content doesn't come with the original  images due to copyright restrictions. If you like the images from the demo and you intend to use theme, check out the guide "Stock used in the theme" in section "Changelog and Credits"


You will notice that widgets, content and Revolution Slider demo slides can be imported separately.

You can access the feature from your WordPress admin panel:

Dashboard > Appearance > Vamtam Theme Setup >  Import Dummy Content, Import Widgets, Import Slider Revolution Samples, Import Menu Themes, Import Coming Soon Theme, Import Booked Settings, Import Google Maps Easy. 



Logo

Using a Text Logo

  1. Go to Appearance > Customiser > Site Identity
  2. Locate the Header Logo type and select Site Title
  3. Change it to what you like
  4. Click the Save & Publish button

Using an Image as a Logo

  1. Go to Appearance > Customiser > Site Identity
  2. Locate the "Custom Logo Picture" and upload your logo
  3. Click the Save & Publish button


Menu

WordPress automatically creates a menu of your pages for you, but the Custom Menu feature gives you complete control of what appears  in the menu, where it appears and also the menu title. Many times the page title you want to use will take up big part of the width of your header where the navigation menu appears. Custom menu allows you to shorten or totally change the name that appears in the navigation.


We use Custom Menus feature in all our themes. If you haven't imported the demo content, you have to create one.

If you need detailed info on this topic please read this guide:

Theme Navigation


See also: Guide to Max Mega Menu - Hair Beauty Nail Spa Salon Barber Shop WordPress Theme



Problems Installing?

On rare occasions our themes may not be install properly. If you have any issues with installing the theme, you might want to first check the 

Common Installation Issues

 

 

Updates

If you need to update a theme to a newer version, check this guide:

Update Guide




Layout

Changing layout is easy and takes place in two locations:

  1. Global layout options located here: Appearance > Customize > Global Layout / Header / Body / Footer
  2. Local layout options located bellow the text editor in every page/post.

Boxed or Full Width Layout

You can set the general layout of the website from Appearance > Customize > Global Layout


Header Layout

Appearance > Customize > Header

In this section you can change the Header and Top Bar layouts, set the height of the header area.

You can enable or disable the SEARCH.

This will be the default layout for all pages.


Body Layout

Appearance > Customize > Body

In this section you can set the body top widget areas and the body sidebar areas width.

This will be the default layout for all pages.


Footer Layout

Appearance > Customize > Footer

You can set the footer widget areas width and enable/disable the sticky footer. 

This will be the default layout for all pages.



Please note that you can easily re-create the footer and the body top widget areas and the widgets, by importing the dummy widgets data from Appearance > Customize > Demo Content

In the footer and the body top widget areas of your website you can place from one up to six widget areas. In each widget area you can place as many widgets as you need.



If you need detailed info on this topic please read this guide:

How to create sidebars and add widgets to them



Styling Your Website

Customize your theme in the Theme Customizer Panel and see all changes live without page reloading.

The Theme Customizer has been integrated into the Hair Beauty Theme, so you can try it out using that theme.

Check this guide for more details: The Wordpress Theme Customizer


Styling of Elements

  1. Go to Appearance > Customize > Global Styles
  2. You will see Accent colors - all website elements are attached and grouped to these colors. Simply change the colors by using the color picker or input the color value in the box.
  3. Click the "Save & Publish" button after you finish editing.

Changing Backgrounds

  1. You can change the background of the different section of the website: header, body, footer. You have also general page background located in Appearance > Customize 
  2. Locate the section that you want to change - Top Bar, Header, Body, Footer.
  3. You can choose a color or an image as a background.
  4. If you choose an image you can make it full screen switching on the "cover" option.
  5. Select image repeat method in the drop-down.
  6. Click the "Save & Publish" button after you finish editing.

Changing Fonts

The general font styling options are located here: Appearance > Customize >  Global Typography. The options for styling the fonts in the different sections of the website are located in Appearance > Customize >  Top Bar/Header/Body/Footer.


Styling the Menu

Menu styling options are available in Dashboard > Mega Menu > Menu Themes (if you have the Max Mega Menu plugin installed)




Mobile header layout options are available in Dashboard > Mega Menu > General Settings (if you have the Max Mega Menu plugin installed)



If you need more info please read this guide: Guide to Max Mega Menu - Hair Beauty Nail Spa Salon Barber Shop WordPress Theme



Using Custom CSS

There is a limit to what the theme options can do. When you are  trying to customize colors, text, margins, padding, control an element's size, etc., options aren't always the best solution. The preferred way to do it is with your own CSS

  1. Navigate to Appearance > Edit CSS
  2. Insert your custom CSS code into"Custom CSS" textarea.
  3. Press the Save changes button. Your custom CSS styles will be added at the end of main theme stylesheet file (thestyle.css.phpfile). Please note that your custom styles may not apply immediately as the main theme stylesheet file is being cached by your browser. To empty the browser cache and load the new stylesheet please try to reload the website by pressing CTRL + R key combination several times.

If you need more info please read this guide:

How to add Custom CSS



Using Shortcodes

Hair Beauty Nail Spa Salon Barber Shop WordPress Theme comes with many custom shortcodes that allow you to add custom styles to your post/page/portfolio content. You can get the shortcodes from the demo website or from the Admin Panel.  Above the text editor in the top right side you will notice three tabs - Visual, Text, VamTam.

The VamTam drag & drop editor is tightly integrated with tinymce editor and you can switch to visual or text editor at any time without losing any changes.

How to use shortcodes



Shortcode Generator

You can easily insert Shortcodes by using the Shortcode Generator that can be found on the toolbar of the visual editor. You can select the shortcode in the dropdown menu and simply change the options in the shortcode editor and then click Insert to insert the shortcode into the content editor.

Please note that only the shortcodes for styling the text can be found here. In the "VamTam" tab above the text editor you will find the drag and drop page builder and the remaining of the shortcodes.

Some of the drag and drop elements come with Visual Editor and respectively you can insert shortcodes.


List of shortcodes available in the shortcode generator:


Buttons

Drop cap

Highlight

Icon

Divider

Styled list

Vertical blank space

Tooltip



Drag and Drop Page Builder

The Drag and Drop Page Builder is based on the popular visual composer and those that know Visual Composer well may no need to read  further.

Above the text editor in the top right side you will notice three  tabs - Visual, Text, VamTam. By default Vamtam tab - the Drag & Drop page builder will be loaded.

The VamTam drag & drop editor is tightly integrated with tinymce  editor and you can switch to visual or text editor at any time without  losing any changes.

Click on or drag the element buttons to add shortcodes to the builder.

Once the element is inserted you will see its block into the builder. Now you can change the width of the element, change its position  relative to the other elements( if there are more than one), delete,  clone or edit it by using the buttons that are located in the left and  right side of the shortcode block. You can insert elements into some of  the other elements - tabs,accordion, column / color box work this way.

You do not need to use the column/color box shortcode unless the  layout is very complex, as the width of the elements is controlled by  buttons +/- located on each element.

Please note that some of the element's blocks have a toggle on the right side.

You can open them directly in the builder and edit the text.


If you need more info please read guide:

Guide to VamTam Drag and Drop Builder / Visual Composer


List of shortcodes available in the drag & drop page builder:

Accordion

Blank Space

Blog

Booked Calendar

Box with a Link

Call Out Box

Column-Color Box

Countdown

Divider

Expandable Box

Featured Products

Ninja Forms

IFrame

Revolution Slider

Projects

Price Box

Progress Indicator

Service Box

Sitemap

Tabs

Team Member

Testimonials

Text Divider

Text/Image Block

Twitter Timeline



Setting up pages


Global Options

Any VamTam theme comes with theme options that are global and are valid for all pages/posts, archive pages and custom post type. You can find the global options panel in Dashboard > Appearance > Customize


Local Options

You have an option to override some of the global options. These options are located just below your text editor in pages/posts/portfolios. You can create unique style and layout for any page/post/portfolio post.


Setting up the Home Page

Any page you create, can be set as a Home page.

Please navigate to Dashboard > Appearance > Customize > Static Front Page and select the static page. Now you can chose from the drop down menu any of the existing pages as a Home Page.

Please note that even if you want to display a classic blog on the front page, you have to create a static blog page with the blog shortcode and then follow the steps above. You do not have to choose "your latest post" or set any page as a blog post page. These options will enable the standard WordPress blog styling.


Reviews

The theme comes with a Guestbook Page Template, that helps you have a beautiful Guestbook only using the standard WordPress Comments. Here is a guide:

Guide to Reviews



Setting up Blog Listing Page and Blog Posts


Setting up Blog Listing Page

  1. Please navigate to Pages => Add New
  2. In the VamTam Drag & Drop Page Builder click on the "Blog" button. Once the element is inserted you can click on the "edit" button  located on the right side of the element to change its setting. You can control - number of the posts per page, pagination on/off, image on/off, showing particular category or a post.
  3. Publish.

In Appearance > Customize > General> Posts you will find options to hide the meta info and pagination type.

Blog Archive Pages : Categories, Post formats, Tags, Monthly Archives. These blog listings are created automatically.


Setting up Blog Posts


Creating Blog Post

  1. Please navigate to Posts => Add New
  2. Choose the category, tags or post format from the options on the right hand side.
  3. Set the post format settings according to the help text above the editor.
  4. Publish.

You can customize the layout and style of your Blog Post in two locations:


Global Layout and Styles


Global Layout

If you need to change the layout - please navigate to Appearance > Customize

If you need the change particular area of the website go to the tabs - Header, Body, Footer.


Global Styles

If you need to change the style (colors, backgrounds, typography) please navigate to Appearance > Customize > Global Styles

if you would like to style particular area of the website go to the tabs - Header, Body, Footer.


In Appearance > Customize > Posts you will find options Pagination type and Meta information


Local Layout and Styles


You have an option to override some of global options. These options are located just bellow your text editor. You can create unique style and layout for any blog post. 


If you need more info please read this guide:

Guide to Blog listing and Blog posts



Creating a Portfolio Listing Page

Please do the following to create a standard portfolio:

  1. Please navigate to Pages => Add New
  2. In the VamTam Drag & Drop Page Builder click on the "Portfolio" button.
  3. Once the element is added click on the edit button in the right of the it. Its option panel will open up, choose your setting and click on "Save Element" button.
  4. Publish.

Creating a Portfolio Item

Portfolio item is a single entity of your portfolio collections. It can be a photo, a project, a design or a product etc.

  1. Go to Portfolios (in the main WP navigation menu on the left) => Add New.
  2. Select the Portfolio item post format - gallery, image, video, link, document, HTML.
  3. Set the settings of the post format according to the help text above the editor.
  4. Attach the post to a category/ies. They are found on the right hand side.
  5. You can add different description text that will show in the portfolio items listing page to the excerpt module, found below the text editor.
  6. Publish.

Image - Use the standard Featured Image option for the portfolio image. Use the editor for your content. Clicking on the image in the Portfolio listing page will open up the image in a lightbox. You will need "Link" post format if you want clicking on the image to lead to the portfolio post.

Gallery - Use the "Add Media" button in a text/image block element to create a gallery. This button is also found in the top left side of the visual and text editors. Please note that when the media manager opens up in the lightbox, you have to click on "Create  Gallery" on the left and then select the images for your gallery.

Video - Put the url of the video in the post format  option field above the editor. You must use an oEmbed provider supported by WordPress or a file supported by the [video] shortcode which comes  with WordPress. Vimeo and Youtube are supported.

Link -  Use the standard Featured Image option for the portfolio image. Use the  editor for your content. Put the link in the post format option field  below if you want the image in the portfolio listing to lead to a particular link. If you leave the link field blank, clicking on the image in the portfolio listing page will open up the portfolio post.

Document - Use the standard Featured Image option for the portfolio image. Use the editor for your content. The image will only be shown in the portfolio listing.You will need "Link" post format if you need the featured image to appear in the post itself

HTML - Use the standard Featured Image option for the portfolio image. Use the editor for your content. 

You can customize the layout and style of your Portfolio Posts in two locations:


Global Layout and Styles


Global Layout

If you need to change the layout - please navigate to Appearance > Customize

If you need the change particular area of the website go to the tabs - Header, Body, Footer.


Global Styles

If you need to change the style (colors, backgrounds, typography) please navigate to Appearance > Customize > Global Styles

if you would like to style particular area of the website go to the tabs - Header, Body, Footer.

 

In Appearance > Customize > Posts you will find options Pagination type and Meta information


Local Layout and Styles


You have an option to override some of global options. These options are located just below your text editor. You can create unique style and layout for any blog post. 


If you need more info please read this guide:

Guide to Portfolio listing and Portfolio posts



Setting up the slider

We always recommend importing the demo content. If you have done so you would have imported the sample sliders that come with the theme and replicate the  one on the demo website. You can use these sliders as a starting point  for your own website. The "sample sliders" are well designed and complex sliders. If you are not yet familiar with the slider and theme options it is a must to use them. Revolution Slider is powerful and complex parallax slider. It gives you unlimited opportunities to create slides with many sub layers with different animation. Please note that the Revolution Slider is a plugin and have its own option panel found in the main left side navigation menu - Revolution Slider

Guide to Revolution Slider




Setting up the WooCommerce plugin

The theme is compatible with WooCommerce and includes full design integration as well as custom shortcodes.

If you don't need WooCommerce simply don't install it and all the features, codes and anything required for WooCommerce will not be loaded. Vice versa, if you need to set up WooCommerce just install it like you do with other plugins - WooCommerce Plugin. Once installed and activated, WooCommerce menu will be added in the WordPress main navigation menu on the left.

The Woo sample products from our demo website are not included in the general demo content import. In case you need the sample events from the demo website - please open a ticket at our Help Desk -  support.vamtam.com.

Guide to WooCommerce




Setting up Google Maps Easy Plugin


You can find more information in this article: Guide to Google Maps Easy Plugin in Hair Beauty Nail Spa Salon Barber Shop WordPress Theme



Setting up the Booked Plugin


You can find more information in this article: Guide to Booked Plugin in Hair Beauty Nail Spa Salon Barber Shop WordPress Theme



Setting up Instagram Feed Plugin


You can find more information in this article: Guide to the Instagram feed plugin Hair Beauty Nail Spa Salon Barber Shop WordPress Theme



Setting up Ninja Forms Plugin


You can find more information in this article: Guide to Ninja Forms Plugin - Hair Beauty Nail Spa Salon Barber Shop WordPress Theme



Setting up Jetpack plugin


You can find more information in this article: Guide to Jetpack plugin - Hair Beauty Nail Spa Salon Barber Shop WordPress Theme




Theme Support


To help speed along your request, we require that you follow the steps below before posting a ticket in the Help Desk


Step 1

First, please take a moment to search this page and the other help guides, as the answer to your question is likely already in here. You can press CTRL+F in your browser and then search this entire page for keywords. Or, browse the topics in the navigation menu. It's the fastest way to get the answer you need!

Step 2

If your question has not been brought up, then please open a ticket and always include:

Your live site URL that shows the issue

Version of the theme and version of WordPress you are using

Specific browser or device involved if applicable

Detailed information describing the issue

Possible screenshots of the issue

Step 3 

To speed the process up, you may include your WP & FTP login info.

Step 4 

Lets All Be Civil and Happy People.


Posting a ticket in the Help Desk

Prior to contacting us please enter your Envato Purchase code in Dashboard > Settings > Vamtam Purchase > Envato Purchase Key. We need this information for verification and testing purposes. Please also provide the URL of your installation.

 

If you have difficulties finding the purchase data check out this guide: Envato Purchase code


if you have installed the theme on a localhost, please provide the Item Purchase Code in addition to entering the purchase data in Dashboard > Settings > Vamtam Purchase > Envato Purchase Key.

 




Contextual Help Documentation integrated into WordPress contextual help

This theme extends WordPress contextual help with many useful topics. If you get stuck using the theme, please check this source first. If the topic is not displayed in contextual help, you may also visit this User Manual.

To access contextual help simply hover over the "Help" balloon bellow the titles of each option .


Support Channels

VamTam provides theme related support via our Help Desk,  knowledge-base & video tutorials.


Why not a Support Forum?

Simply put, so we can offer you superior support.

A forum works only when you have a large enough active community -  thousands of people willing to participate on a daily basis. The smaller the community, the more likely you are to wait for a long time before  someone answers your question. Unfortunately even the top authors in  Themeforest have only a few hundreds active users on a daily basis and  this is not enough to make the forum works


Why not the Themeforest Comment Board?

1. Help Desk functionality is lacking - assigning, escalating and prioritizing tickets is not possible.  .

2. It is difficult to track the communication.

3. It is a public channel and you can't send sensitive information - ftp/admin credentials.


Support Hours

Our general support hours are Monday to Friday, 0 - 24h. During this  time, we can generally provide feedback on any support queries within 6 - 14 hours, whilst we will also commit to answer any queries during  weekends and holidays within 24-36 hours.


Extent of our Support

All of our items come with free support, and we have a dedicated support team to handle your requests.

We only cover support for our themes, and cannot give general  WordPress support that isn't related to our themes. For general WordPress support you will have to use the Video Guides for Beginners and www.WordPress.org/support

We are not able to provide support for code customizations or  third-party plugins. We understand that there is a fine line between  what is considered  support & modifications. So whilst we will try to help you with any  type of query (support or modification), we cannot provide extensive  help in terms of modifications. Technical support will thus take  priority over modification support.


Definition of Modification Support

If you are requesting modification help, which only requires us to  publish a couple lines of code, we will be glad to assist you. If  however your query requires more than that amount of code to be  published, we can only provide guidance and you would then need to hire a developer if you don't have the skills to implement it yourself.


Bug Fixing

It is our commitment to fix all theme bugs as quickly as possible  after they are brought to our attention. During our general support  hours, we can fix bugs within 24 - 48 hours.