Page Builder - Visual Composer
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:
+ 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.
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.
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
There are some post types available so that you can make your posts diversified. Detailed information for each type is mentioned below:
There are two available options for you if your post type is Video: YouTube or Vimeo.
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.
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.
Step 1: To create new portfolio, you go to Portfolio --> Add new
Step 2: Enter portfolio name, categories and tags.
+ Feature Image PNG: Upload your .png image which will be show when you use Recent Project element
+ Is Featured?: Is your portfolio featured?
+ Portfolio Type: There are 4 types: Images, Slideshows, Video and Audio. You can choose one of portfolio types and apply as same as for Post Types.