VamTam Beaver Builder Themes

• 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 the official WordPress website 
• Always create secure passwords for FTP and Database

Install & Activate VamTam Theme

Before proceeding with the theme installation, check the Guidelines for Safely Importing Demo Content into an Existing WordPress Installation

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.

3. Select the Appearance panel, then Themes.

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

5. Browse your computer to select your "theme name".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 you might have seen in the live demo. The first step in recreating the live demo is to install the recommended plugins.

You can do this from 

Appearance > Install Plugins

Live Demo Content. How does it Help Me?

Please note that you must install the required plugins before 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 in our live preview. It doesn't matter if you know WordPress inside out or have 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 Demo Content 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.

Due to copyright restrictions, please note that the dummy content doesn't come with the original images. If you like the images from the demo and you intend to use the theme, check out the guide "Stock used in the theme" in the 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 > Appearance > VamTam Theme Setup > Step 3: Content, Widgets, Slider Revolution, Max Mega Menu or Ninja Forms

Click on Save Changes.

Logo

Using a Text Logo

1. Go to Dashboard > Appearance > Customize > Site Identity
2. Locate the Site Title item.
3. Change it to what you like.
4. Click the "Save & Publish" button.

Using a Site Title or Image as a Logo 

       1. Go to Dashboard > Appearance > Customize > Site Title

       2. Locate the "Site Title" field and write your text.

       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 and where appears in the menu and also the menu title. The page title you want to use will often take up a big part of the width of your header where the navigation menu appears. The custom menu allows you to shorten or change the name that appears in the navigation.

We use the Custom Menus feature in all our themes. You must create one if you haven't imported the demo content.

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

Theme Navigation

Problems Installing?

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

Common Installation Issues Guide

Updates

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

Update Guide

Envato Elements Clients can only update the theme and bundled plugins using FTP. 

The latest version of the bundled plugins can be found in this directory /theme-name/vamtam/plugins. 

You can check the theme's changelog here: https://vamtam.com/changelog/

Changing the layout is easy and takes place in the theme's options panel:

Global layout options are located here: Go to Dashboard > Appearance > Customize > Global Layout 

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

Header Layout

Go to Dashboard > Appearance > Customize > Top Bar or Header

In this section, you can change the Header and Top Bar layouts and 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

Go to Dashboard > Appearance > Customize > 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.

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

How to activate sidebars and add widgets to them? 

Footer Layout

Go to Dashboard > Appearance > Customize > Footer

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

This will be the default layout for all pages.

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

How to activate sidebars and add widgets to them? 

Styling Your Website

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

Styling of Elements

1. Go to Dashboard > Appearance > Customize > Styles > Global Color/Background Settings in your back-end.
2. You will see accent colours - all website elements are attached and grouped to these colours. Simply change the colours using the colour picker or input the colour value in the box.
3. Click the "Save & Publish" button after you finish editing.

Changing Backgrounds

1. You can change the background of the website's different sections: header, body, and footer. You have also general page background located in Go to Dashboard > Appearance > Customize > Top Header or/ Header or/ Body or/ Footer
2. Locate the section that you want to change.
3. You can choose a colour or an image as a background.
4. If you choose an image, you can make it full screen by switching on the "cover" option.
5. Select the 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: Go to Dashboard > Appearance > Customize > Global Typography. The options for styling the fonts in the website's different sections are located in Go to Dashboard > Appearance > Customize > Top Header/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

Using Custom CSS

There is a limit to what the theme options can do. When trying to customize colours, 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 CSS

1. Navigate to Appearance » Edit CSS
2. Insert your custom CSS code into the "Edit CSS" text area.
3. Press the [Save Stylesheet] button. Your custom CSS styles will be added at the end of the 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 the CTRL + R key combination several times.

If you need more info, please read this guide:

How to add custom CSS / PHP code or modify the theme code

How to add/edit the pages' content 

The Beaver Builder Plugin is integrated into the Alis - Wedding & Wedding Planer WordPress Theme. 

To start building layouts, open any of your pages in the Pages section of your website Dashboard. Within each page, click the Page Builder tab to launch Vamtam Beaver Builder.

Start Vamtam Beaver Builder for a new page:

Start Page Builder from the Add New Page or Edit Page screens when you create a new page.

Click the Page Builder tab to the right of the Text Editor tab, as shown in the following screenshot.


Start Vamtam Beaver Builder from the Admin bar:

After saving a page built with Vamtam Beaver Builder, you can click the Vamtam Beaver Builder in the WordPress admin bar to open the page for editing with Vamtam Beaver Builder.

Guide to Vamtam Beaver Builder

Setting up pages

Global Options

Any VamTam theme has global theme options valid for all pages/posts, archive pages, and custom post types. You will see the global options Dashboard > Appearance > Customize

Local Options

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

Setting up the Home Page

Any page you create can be set as a Homepage.

Please navigate Settings > Reading your WP Admin Dashboard and select the static page. Now you can choose any existing pages as a Home Page from the drop-down menu.

Please note that even if you want to display a classic blog on the front page, you must create a static

blog page with the blog shortcode and 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.

Setting up Blog Listing Page and Blog Posts

Setting up Blog Listing Page

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

In 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. In Customizer > 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 Customizer > Layout.

If you need to change a particular website area, go to the tabs - header, body, footer.

Global Styles

If you need to change the style (colours, backgrounds, typography), please navigate to Customizer > Styles

if you want to style a particular website area, go to the tabs - header, body, footer.

In Customizer > General > Posts, you will find options to hide the meta info.

Local Layout and Styles

You have an option to override some of the global options. These options are located just below your text editor. You can create a 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 Beaver Builder, click on the "Portfolio" element.
3. Once the element is added, click on the edit button, choose your setting and click on the "Save Element" button.
4. Publish changes.

Creating a Portfolio Item

A portfolio item is a single entity of your portfolio collections. It can be a photo, project, design, 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 post format settings 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 changes

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 Customizer > Layout.

If you need to change a particular website area, go to the tabs - header, body, footer.

Global Styles

If you need to change the style (colours, backgrounds, typography), please navigate to Customizer > Styles

if you want to style a particular website area, go to the tabs - header, body, footer.

In Customize > General > Posts, you will find options to hide the meta info.

Local Layout and Styles

You have an option to override some of the global options. These options are located just below your text editor. You can create a unique style for any project 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 had done so, you would have imported the sample sliders that come with the theme and replicated the one on the demo website. You can use these sliders as a starting point for your website. The "sample sliders" are well-designed and complex. They must be used if you are not yet familiar with the slider and theme options. Revolution Slider is a powerful and complex parallax slider. It gives you unlimited opportunities to create slides with many sub-layers with different animations. Please note that the Revolution Slider is a plugin and has its own options panel found in the leading left side navigation menu - Revolution Slider.

Guide to Revolution Slider