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. 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 utilises standard for any WordPress theme sold on Themeforest functionality - Revolution Slider, Drag and Drop builder based on Visual Composer and Theme Option panel based on Option Tree 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


Builder Construction Architect Renovation theme 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 Builder Construction Architect Renovation theme


To use Builder Construction Architect Renovation theme, you must be running WordPress 4.1 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

8.Now go to General Settings and click the "Save changes" button to update the CSS styles



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 


Appearance - Required 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:

WP navigation menu => VamTam => Quick Import=> Content, Revolution Slider or Widgets

Click on Save Changes.



Logo


Using a Text Logo

  1. Go to Settings => General in the WordPress left side navigation menu.
  2. Locate the Site Title item.
  3. Change it to what you like.
  4. Click the "Save Changes" button.

Using an Image as a Logo

  1. Please go to General Settings in the VamTam theme left side navigation menu.
  2. Locate the "Custom Logo Picture" and upload your logo.
  3. Click the "Save Changes" 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



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

 

 

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: VamTam Theme Options => Layout.
  2. Local layout options located bellow the text editor in every page/post: Layout and Styles.

Boxed or Full Width Layout

You can set the general layout of the website from VamTam Theme Options=> Layout => General => Layout type.


Header Layout

VamTam Theme Options => Layout=> 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

VamTam Theme Options => Layout=> Body

In this section you can enable or disable the body top widget areas and the body sidebar areas .

You can set the width of the sidebars.

This will be the default layout for all pages.

Note: You can override some of the options on a page by page basis: enable/disable body sidebars and body top widget areas.


Footer Layout

VamTam Theme Options => Layout=>Footer

You can enable or disable the footer widget areas and choose the desired layout.

This will be the default layout for all pages.


Advanced Widget Builder

VamTam Theme Options => Layout=> Body

VamTam Theme Options => Layout=>Footer

This builder is used in the body top and the footer widget areas but not the sidebars in the body.

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  theme options => quick import => import widgets. If you have done  so, you will learn in this section how to change the layout of the  widget areas and the widgets.

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 .

You have an easy way to create your widget areas by choosing from the three predefined footer layouts in "basic sidebars" .

In "advanced sidebars" you can build your own layout using the sidebar builder.

  1. Please choose the number of widget areas and adjust each widget area's settings.
  2. You can adjust the width of the widget area from the sixth  predefined and place them in one to six rows. When "empty" is enabled  then the next widget area goes on the next row. Please note that you can have a widget area that spans only one third of the width of the  website and still being the only widget area on this raw.
  3. Press the button "Save Changes" when you are done.

Once you have created the layout you can now add widgets to the widget areas you have created.

Please go to Appearance => Widgets

You will see the footer widget areas on the right hand side. Open the widget area and drag the widget(s) you need.

  1. You can choose from 9 custom widgets and all the WordPress standard ones.
  2. Drag the widget is the widget area,
  3. Its option panel will open up and you can adjust the settings accordingly.
  4. Do not forget to click on "Save".


Manage Custom Sidebars

Appearance => Widgets => Add Widget Area button

Once you create the custom widget area, you can insert widgets into it.

Please note that you have default - blog post, portfolio post,  general page widget areas. There is no point using custom widget areas  if you haven't used the default one yet.


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

How to create sidebars and add widgets to them? 



Styling Your Website

You can easily edit the color and the background of each entity of your website. Just follow the instructions below.


Styling of Elements

  1. Go to VamTam Theme Options => Styles=> Global Color/Background Settings in your back-end.
  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 Changes" 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 VamTam Theme Options => Styles=> Global  Color/Background Settings
  2. Locate the section that you want to change.
  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 Changes" button after you finish editing.

Changing Fonts

The general font styling options are located here: VamTam  Theme Options => Styles=> General Typography. The options for  styling the fonts in the different sections of the website are located  in VamTam Theme Options => Styles=> Header/Body/Footer.


Styling the Menu

All the options for styling the main menu are located in VamTam Theme Options => Styles=> Header.


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 » Theme Options » General Settings.
  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

Fitness Sport Gym 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.


Guide to using 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:

Lightbox

Tooltip

Buttons

Vertical blank space

Divider

Drop cap

Pre & code

Styled lists

Icons

Highlights


Using the code from the Demo Website

Alternatively you can take the codes from our demo website and insert  them into the text (HTML) editor. You can switch to the "VamTam" tab of  the editor and use the drag and drop page builder to move the shortcodes around.



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:

How to use Drag & Drop Page / Post Builder 


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

Accordion

Blank Space

Blog

Box with a Link

Call Out Box

Column-Color Box

Contact Info

Countdown

Contact Form 7

Divider

Expandable Box

Featured Products

Flickr

Google Maps

IFrame

Revolution Slider

Portfolio

Price Box

Progress Indicator

Service Box

Sitemap

Tabs

Team Member

Testimonials

Text Divider

Text/Image Block

Twitter Timeline



If you need more info please read guide:

Vamtam Drag and Drop Editor Shortcodes



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 will  see the global options panel in the WordPress menu on the left side of  your dashboard - VamTam.


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 Settings => Reading of your WP Admin Dashboard  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 VamTam Theme Options => General Settings => 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. In VamTam Theme  Options => Layout - you can change the default layout and  respectively the layout of the blog archive pages.


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 VamTam theme options - Layout.

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 VamTam theme options - Styles

if you would like to style particular area of the website go to the tabs - header, body, footer.

In VamTam theme options - General Settings - Posts you will find options to hide the meta info.

In VamTam theme options - General Settings - Media you will find options to resize bog images.

These options control the size of some of the images used by the  theme.Changes are not immediate. If you have changed any of these  options, please use the Regenerate thumbnails plugin in order to update  your images.


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. Show Body Top Widget Areas, Page  Layout Type, Custom Sidebars, Page Background are such options.


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

HTMLUse 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 VamTam theme options - Layout.

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 VamTam theme options - Styles

if you would like to style particular area of the website go to the tabs - header, body, footer.

In VamTam theme options - General Settings - Posts you will find options to show "Related Portfolios". In a single portfolio post view in the top you will find navigation with 3 buttons. The middle gets you to the portfolio listing view.

You will find the option here.

In VamTam theme options - General Settings - Media you will find options to resize portfolio images.

These options control the size of some of the images used by the  theme.Changes are not immediate. If you have changed any of these  options, please use the Regenerate thumbnails plugin in order to update  your images.


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. Show Body Top Widget Areas, Page Layout  Type, Custom Sidebars, Page Background are such options.


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




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 User Name, your Envato API Key and  the purchase code in the Theme option panel - general settings - the tab "purchase".. 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 data


if you have installed the theme on a localhost, пlease provide the Item Purchase Code in addition to entering the purchase data in  the Theme option panel - general settings - the tab "purchase"

 





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.