1. Activate Page Builder

To start using Visual Composer, go to Page --> Add new and click on Backend Editor

2. Basic Usages

a. Add Elements: To add new elements, just click on Add Element

b. Row Settings and Column Settings

Design Option: When you edit Row Settings or Column Settings, you can edit Design Option

  • Padding: Each element has a default padding of 50px. To offset this padding, you can set 0px or other value to have new padding. It is good to add bottom padding to your column, so they will look good on mobile.
  • Border: You can create borders to wrap your element by adding values here.
  • Margin: Similarly, you can set margin by adding values here.

c. Edit/Duplicate/Remove Elements:

3. Documentation

+ Offline Documentation: available in plugin folder of Theme package downloaded

+ Online Documentation: Refer to its online documentation.

1. How To Create Menus


Step 1: You can manage main menu by going to Appearance--> Menus.

Step 2: Then you click Create Menu and type menu name.

Step 3: You can generate menu items from left side and drag the generated menu at the right side to sort it. After that, next task is assign menu to theme locations which could be Primary Menu, Header Top Menu or Footer Menu

  • Primary Menu: This menu is used for Blog, Shop and single pages.
  • Header Menu: This is Top Menu of Shop
  • Footer Menu: This menu is located in footer of all pages.

2. MegaMenu


Select the menu item you want to make as mega menu and activate the mega menu option . The first item after the the megamenu item will be recognized as mega menu columns the other items under it will be normal menu items.

Step 1: Go to Appearance --> Widgets

Step 2: On the left frame, you can choose widgets that you need to use, drag and drop on sidebar right on the right frame

There are 4 types of Footer:

  • Footer Multi Columns: Used for Home, Blog and Portfolio pages.
  • Footer One Column: Used for Home, Blog and Portfolio pages.
  • Footer Multi Shop Columns: Used for Shop.
  • Footer Multi Shop One Column: Used for Shop.

Home Page:To change footer style, open each home page, scroll down to end to see option


Blog, Portfolio and Shop: Go to Footer Option to change footer style.

Step 1: Select the numbers of columns. Go to Appearance --> Theme Options -> Footer Options. There are two options: Footer Multi Column Options and Footer Multi Column Shop Options

Step 2: Determine footer column's width. Total width equals 12. To have One Column Style, just choose the number of column is one and width equals 12.

Step 3: Navigate to Appearance -> Widgets. You can drag and drop any widget that you want to use in Footer positions.

2. Copyright

To change the Copyright line at the bottom of the website, you navigate to Theme Options-> Copyright. You can see in our demo.

Below information provides you with foundations of how to create a post/portfolio with categories and tags.

A post contains 2 basic elements: Post Categories and Post Tags., so that you can manage all your posts easily. This part will introduce you to post categories and how to create them.

To add new post categories, navigate to Posts --> Categories

Post Tags

Create Posts

Post Option

1. Image

2. Slideshows

3. Video

1. Video

There are two available options for you if your post type is Video: YouTube or Vimeo.

4. Audio

Another post type is audio. Go to SoundCloud's website and open an interesting audio. Then copy its ID and paste it to this option.

Portfolio Categories

Moving to this part, there is some basic information that can help you to create different portfolios. Similar as post, portfolios include 2 elements: Portfolio categories and Portfolio tags.

Portfolio Tags

Create Portfolios