How to use Visual Composer

Visual composer is an option plugin you can use together with our theme to create content for pages.

How to install Visual Composer

Step 1: Access the WordPress plugins section

Step 2: Press the add new button and press the upload plugin button:

Step 3: Press the “choose File” button and select the js_Composer.zip file located in the main theme package under the plugins folder and then press the install now button:

 

Important note: When you are creating a new page or new sections please use only these 3 blue highlighted columns.

This ensures that your blocks will look and work perfectly.

  1. Full width
  2. Column with sidebar
  3. 3 columns

visual-composer-new_00

 

Visual Composer works properly only on Pages and will help you to create amazing and unique layouts using our predefined templates or using your own creativity.

Predefined Layouts

When you create a New Page you can easily select one of the predefined layouts depending on your needs.

This will help you in two ways:

  1. To understand how our layouts are created
  2. To create professional pages very fast

2015-09-24_14-39-37

 

Creating Your Own Layout

You can create your own layouts starting by adding columns with blocks on the page, or customizing our predefined layouts with news blocks.

Notice: Use only those 3 blue highlighted columns when you add blocks on the page.

To add new block:

  1. Click the plus sign
  2. Select the block that you want to use from the pop-up window.

visual-composer-new_03

 

visual-composer-new_02

 

3. Save Your Layouts

You can save the new layout so you can reuse it later.

  1. Select the Layout Icon
  2. Write a name for your Template
  3. Save Template

Now you can use the created template on a new page, by opening this window again and selecting your template form the list.

visual-composer-new_04

 

Visual Composer doesn’t display all blocks

In some cases, after an update, you may notice that Visual Composer doesn’t include all blocks.

td_visual_composer_missing_blocks

 

To fix this check if the they are enabled in Visual Composer > User Roles, if they are not you can enable them manually and save the settings. The missing blocks should now be available.

td_visual_composer_enable_blocks