There are a lot of elements which are default elements of Visual Composer and shortcodes developed by TemPlaza. It is required to install TZ Plazart and Visual Composer plugin before using these elements. Then you click Add Element to open element table:

There are 8 header styles. In this simple element,you can upload your logo image and logo text for your home page.

Notice:

  • This option allows you to change your logo showed in Home Page and pages which use Header Option Element.
  • To change logo for all other pages and posts, you navigate to Theme Option --> Header & Logo.
  • Header Style 1: In case you want to use Style 1 of Header Option, please add a defined class to Revolution Slider element: tz-banner-style1

Take a quick look at 8 header styles and select your favorite style:

There are 4 title styles available for you. The main difference among these styles is different padding setting. For each style, you can can select to display your title with Icon or Image. In this element, it is easy for you to change color of text and Icon

This element contains 2 parts: Our Introduce Settings and Our Introduce Item

  • Our Introduce Settings: You can set up different columns of items displayed
  • Our Introduce Item: Add items, image and your content.

Latest Post

With this element, you can show your latest articles in 2 different ways: Carousel and Mansory. In this option, you select different post categories you want to present, number of columns in different screens.

Although Visual Composer has already supported an element - called Video Player that allows you to add a Youtube or Vimeo video. However, with this element, you can add a background image that makes your site look more interesting.

In this element, you should add both video links including webm, mp4 and org.

How to get links:

To get these links, you have to convert your video into these formats and upload it to your Media Library by going Media --> Add New. After that, you open each one video, copy the link and paste it to Section Video element:

Before using this element, The Event Calendar plugin must be installed.

  • Step 1: Navigate to Events --> Categories and add your event categories.
  • Step 2: Add this element to your page.
  • In this element, you can select different event categories which will be displayed. You can also select different number of event columns will be presented in different screens. Additionally, there are 5 types available so that you can select your favorite style:

You can use this element to show your event in new styles. There are 2 types in this element.

You can show your team members easily with this element. To use this element, you have to add your members by going to your dashboard --> Team Members. After adding Our Team element to your page, you can select member categories which can be presented.

This theme is compatible with LearnDash - Learning Management System plugin. With this plugin, you will have powerful complete solution for ONLINE COURSES.

To use this element, this plugin must be installed. Then, you can create different courses and manage them easily. You can refer to Courses page to get more information.

Notice:

  • Style 1 & 2 Number Items on different screens are course quantity you want to show in a row.
  • Style 3 Number Items on different screens are total columns appeared in a row.

In this element, you can add your contact information such as: Address, Phone and Fax number.

This is a new style for you to add your contact information into your page:

This is a default element of Visual Composer allowing you to add texts and edit them easily. In this element, there are 2 new shortcodes are added:

  • Add Button shortcode: Used this shortcode to add different buttons. There are 3 types for you to use.

To use this element, Contact Form 7 plugin should be installed. Beside default style, this theme supports 4 types of contact form.

Form 1:

        <ul class="tz-contact-wapper  tz-contact-wapper-style-4">
            <li class="theme-color-white">
            <span class="theme-color-white">WANT MORE INFORMATION?<br>  SEND US A MAIL!</span>
            </li>
            <li>
                [text txtname class:tz-contact-input-name placeholder "Your Name"]
            </li>
            <li>
                [email txtemail class:tz-contact-input-email placeholder "Your Email"]
            </li>
            <li>
                [textarea textarea-message 1x1 class:tz-contact-message placeholder "Your Message"]
            </li>
            <li class="theme-color-white" ><i class="fa fa-arrows-alt"></i>[submit "SEND"]</li>
        </ul>
    

Form 2:

        <ul class="tz-contact-wapper">
            <li>
                <span>YOU WANT TO KNOW MORE <br> INFORMATION? SEND US A MAIL!</span>
            </li>
            <li>
                [text txtname class:tz-contact-input-name placeholder "Your Name"]
            </li>
            <li>
                [email txtemail class:tz-contact-input-email placeholder "Your Email"]
            </li>
            <li>
                [textarea textarea-message 1x1 class:tz-contact-message placeholder "Your Message"]
            </li>
            <li><i class="fa fa-arrows-alt"></i>[submit "SEND"]
            </li>
        </ul>
    

Form 3:

        <ul class="tz-contact-wapper  tz-contact-wapper-style-7">
            <li class="theme-color-white">
                <span class="theme-color-white">YOU WANT TO KNOW MORE <br> INFORMATION? SEND US A MAIL!</span>
            </li>
            <li>
                [text txtname class:tz-contact-input-name placeholder "Your Name"]
            </li>
            <li>
                [email txtemail class:tz-contact-input-email placeholder "Your Email"]
            </li>
            <li>
                [textarea textarea-message 1x1 class:tz-contact-message placeholder "Your Message"]
            </li>
            <li class="theme-color-white" ><i class="fa fa-arrows-alt"></i>[submit "SEND"]
            </li>
        </ul>
    

Form 4: used in Contact Page

        <div class="tz-map-form">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <label>YOUR NAME<span>(Required)</span></label>[text txtyourname class:tz-username class:form-control]
                <label>YOUR EMAIL<span>(Required)</span></label>[email txtemailcontact class:tz-email class:form-control]
                <label>SUBJECT</label>[text txt_subject_contact class:tz-subject class:form-control ]
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <label>MESSAGES<span>(Required)</span></label>[textarea textarea-message 40x8 class:txt-area-contact class:form-control ]
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="tz-comment-post">
                    <span><i class="fa fa-arrows-alt"></i>[submit "SEND US"]</span>
                </div>
            </div>
        </div>
    

This default Visual Composer element allows you to add your address visually with Google Map.

How to get Iframe:

You search for your address with Google Maps, copy Iframe and paste it to Google Map element: