# Academia - Education, Course & Event WordPress Theme

## Wordpress Version

- Created: 10/01/2016
- Latest update: 05/02/2016
- By: G5Theme
- http://www.themeforest.net/user/G5Theme
- Email: g5plus@outlook.com
- HelpDesk: http://support.g5plus.net

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this documentation, please feel free to us via email. Thanks so much!

## Files Included

- The theme zip file Academia.zip(included Visual Composer and Revolution Slider plugins)
- Child theme for easier customize in Academia-child.zip
- Document in Documentation.zip

#### Struct look like:

## Code navigation

Academia split into 10 folders. Meaning each folder please see explain below:

- admin: Store css and js files for display screen on admin area
- assets: Store less, js, resource default and another plugin for theme. Besides include file for demo data.
  - cache: store json file to install widget, menu and another options for theme
  - data-demo: store demo data by xml
- g5plus-framework: This is core framework of theme.
  - core: This folder store core file to add action for header, footer, woocommer, function breadcrumb, filter for search.
  - install-demo: store files to process install demo data
  - less: this is less library for php, it us when click 'Save & Generate CSS' on theme option
  - meta-box: this is library for create custom field on post
  - option-extensions: store field defined for Redux Theme Option Framework
  - options: core Redux Theme Option Framework
  - tax-meta-class: the library to create custom field for taxonomy
  - tgm-plugin-activation: automatic plugin installation and activation library
  - xmenu: store core mega menu build in
- html-template: store form template for Contact Form or MailChimp. You can copy this template and paste to Contact Form or Mail chimp when create form
- includes: store define field for Theme Option, functions process when switch theme, function generate custom css when change color or setting in theme option, filter for header customize, search
- language: store .pot for translate to another language
- templates: store templates for header, footer, archive, comments, breadcrumb
- theme-plugins: store plugins that use on theme
- woocommerce: store template that override for woocommerce

## System Requires

To use Academia, you must be running WordPress 3.9 or higher, PHP5.4 or higher, and MySQL 5 or higher. We have tested it with Mac, Windows and Linux. Below is a list of items you should ensure your host can comply with.

#### Recommended PHP Configuration Limits

Many issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

- max_input_vars = 3000
- memory_limit = 128M
- max_execution_time = 300
- max_input_time = 300
- upload_max_filesize = 64M
- post_max_size = 64M

## Download Academia Theme

Get the Academia Theme installation package from your account(after login on Themeforest.net) at downloads page and save it to your computer.

## Install Academia Theme

#### Installation via Wordpress

Step 1 - Login to your Wordpress Dashboard

Step 2 - Go to Appearance > Themes. Click the Add New button or Add new theme link. (check screenshot below)

Step 3 - Click on the Upload Theme button. Locate "Academia.zip" and click Install Now.

Step 4 - Click on the Activate button to activate Academia. Congratulations, you have now activated Academia! You can now proceed with Academia's Plugin Installation.

#### Installation via FTP

Step 1 - Log into your Hosting server using an FTP client (like FileZilla or WinSCP).

Step 2 - Locate "Academia.zip" that you found in your ThemeForest Package and unzip it somewhere on your hard drive. Once it is unzipped it will look like a folder named Academia with all theme files in it.

Step 3 - Locate your Wordpress installation and upload the theme directory Academia (you unzipped in the previous step) into ../wp-content/themes/ in your Wordpress installation.

Step 4 - Click on the Activate button to activate Academia. Congratulations, you have now activated Academia! You can now proceed with Academia's Plugin Installation.

## Install Academia Required Plugins

All plugins required have been zipped/already into your download package, so you only need to do is click on the "Begin installing plugins".

You should be navigated to the Install Required Plugin page, which shows a plugin list similar to this(list plugins on images below only an example, not for Academia):

Next, Click on the checkbox beside "Plugin" label to select all plugins in the list.

Then choose "Install" from the drop-down list at the top and then click "Apply".

The installing process status will be shown in your browser. It may takes a few minutes, so please be patient. After sucessfull, your screen like that

When the notice "All installations have been completed" appears, click on the "Return to Required Plugins Installer" link to turn back to the plugin list.

Next, click on the box beside the Plugin label again to select all plugins and choose Activate this time as image below.

## One Click Install Demo Data

With Academia, you can build a functioning website just by clicking a button and install our demo data or click 5.2.1 Create A New Page to step by step. Your Academia installation will be set up with what we have on our demo website, and you can use it as a template to develop your own website.

Go to Appearance >> Install Demo Data menu

#### Then choose "Install" demo data you want:

The progressing would be displayed on import status bars so you will know when it is finished and your data is ready.

DONE. Now, you can visit your website to view demo.

## Creat a new page

You can create any number of pages with content. Our theme includes several page templates to choose from, and you will need to choose the page template that suits your needs. All of this is done in the pages section of your WordPress admin.

If you DID NOT One Click Install Demo Data, you will need to MANUALLY CREATE your Home and other pages. Here’s how to build it:

Step 1 – Navigate to Pages in your admin sidebar and click Add New option.

Step 2 – Input a new name for your page, and click "BACKEND EDITOR"(must installed Visual Composer plugins).

Step 2.1 – Don't click "BACKEND EDITOR": only input content to area 3 then go to Step 3

Step 2.2 – Click "BACKEND EDITOR": screen see below

Step 3 – Set your Parent page. It’s usually set to No Parent.

Step 4 – Set your page template from the Template dropdown list.

Step 5 – Content for your page goes in the editing field, use the Visual or Text editor. Page content is mainly built using Shortcodes. See the Shortcodes section for how to use them. You can also use our demo content, see the corresponding section of this document for the demo code of each page.

Next, you can publish this page and set it as your frontpage(8.1. Settings a static page as Home) in the Wordpress Settings panel.

## Building Hompage

#### Building your Home page:

Now you can start fiddling with Visual Composer to build your home page with any design that you like.

In case you don't have time for experience with it, you can switch to "Classic Mode" and use one of the shortcode sets provided below to build your frontshop based on one of the pre-made home page we offer.

To create a page similar to Homepage in our the demo, choose the Classic Mode and switch to the Text tab, then paste this code into the content of your page:

Shortcode set for Home 01

[vc_row][vc_column][rev_slider_vc alias="home-1"][/vc_column][/vc_row][vc_row layout="container" el_class="mg-bottom-100"][vc_column][academia_course_search][/vc_column][/vc_row][vc_row layout="container"][vc_column width="7/12"][academia_heading title="CREATING FOR EDUCATION BUSINESS" sub_title="FOLLOW US FOR JOIN OUR EVENTS" show_icon="" text_align="text-left" el_class="mg-bottom-65"][academia_icon_box icon_type="image" icon_image="334" title="PROJECT MANAGEMENTS" description="Offering a various of solutions meeting your need no matter what any scale, any kind of business. They are built on special features to supply center field related to project management." el_class="mg-bottom-60"][academia_icon_box icon_type="image" icon_image="335" title="FINANCIAL BUSINESS" description="With clearly, logic and impressive theme’s design emphazing the important of studing financial business and how it inluences on student’s business and their life. It shows them a bright future when they join your course." el_class="mg-bottom-60"][academia_icon_box icon_type="image" icon_image="336" title="SCIENCE" description="For a elite major likes science, to attract people joining course, a creation and innovation is needed. Academia give you visual tools to help students approach this field most effectively."][/vc_column][vc_column width="5/12"][vc_single_image image="323" img_size="502x693"][/vc_column][/vc_row][vc_row css=".vc_custom_1453450728036{background-image: url(http://dev.g5plus.net/academia/wp-content/uploads/2016/01/bg-call-action-1.jpg?id=327) !important;background-position: 0 0 !important;background-repeat: repeat !important;}"][vc_column][academia_call_action title="TAKE THE FIRST STEP TO KNOWLEDGE WITH US" description="Be designed and classified scientifically, courses are suitable to every levels, ensuring to maximize student’s capacity. You will find out many interesting things inside. Let’s discover right now!" link="url:%23|title:VIEW%20COURSES|target:%20_blank"][/vc_column][/vc_row][vc_row layout="container" el_class="mg-bottom-40"][vc_column][academia_heading title="POPULAR COURSES" sub_title="ALL THE TOP COURSES WE OFFERED" el_class="mg-top-100 mg-bottom-60"][academia_course_feature data_source="popular" columns="3" item="6" is_slider="yes"][/vc_column][/vc_row][vc_row parallax="content-moving" overlay_set="show_overlay_color" overlay_color="#162240" overlay_opacity="94" css=".vc_custom_1453947936824{background-image: url(http://dev.g5plus.net/academia/wp-content/uploads/2016/01/about_2.jpg?id=526) !important;}"][vc_column][academia_testimonial values="%5B%7B%22avatar%22%3A%22522%22%2C%22author%22%3A%22FATMA%20BADRY%22%2C%22author_info%22%3A%22SCIENCE%20PROFESSOR%22%2C%22quote%22%3A%22As%20a%20student%20in%20the%20Professional%20Development%20School%2C%20I%20used%20my%20MacBook%20every%20day.%20Of%20course%20teachers%20check%20emails%2C%20create%20documents%2C%20and%20organize%20themselves%20using%20computers%2C%20but%20the%20MacBook%20was%20particularly%20central%20in%20my%20lessons%20in%20creative%20ways%20as%20well.%22%7D%2C%7B%22avatar%22%3A%22521%22%2C%22author%22%3A%22AMADA%20NAWER%22%2C%22author_info%22%3A%22DR.%20PHYSICS%22%2C%22quote%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit.%20A%20architecto%20atque%20autem%20consequuntur%20corporis%20ea%20facere%20fuga%2C%20illo%20in%20ipsam%20iure%20laboriosam%20laborum%20maiores%20minima%20modi%20nam%2C%20nulla%20obcaecati%20porro%20praesentium%20ratione%20reprehenderit%20sint%20sit%20sunt%20tempora%20vitae%20voluptate%20voluptates.%22%7D%2C%7B%22avatar%22%3A%22520%22%2C%22author%22%3A%22LAURA%20GRE%22%2C%22author_info%22%3A%22ECONOMICS%20PROFESSOR%22%2C%22quote%22%3A%22Cupiditate%20neque%20optio%20quae%20veniam%3F%20A%20adipisci%20atque%20aut%20delectus%20doloremque%20enim%20esse%20exercitationem%20fugiat%20id%20illo%20iusto%20laboriosam%20magnam%20molestiae%20nemo%20nihil%20nobis%20nostrum%20possimus%20quae%20quas%20quasi%20quis%20reiciendis%20sapiente%2C%20similique%20tempora%20temporibus%20ullam%20veniam%2C%20vitae%3F%20Dolor%2C%20sapiente.%22%7D%2C%7B%22avatar%22%3A%22519%22%2C%22author%22%3A%22MARIA%20LIND%22%2C%22author_info%22%3A%22DR.%20MATH%22%2C%22quote%22%3A%22Adipisci%20alias%20architecto%20blanditiis%2C%20corporis%20cum%20deleniti%20distinctio%20dolore%20doloribus%20ducimus%20eligendi%20ex%20facilis%20fuga%20illum%20impedit%20minus%20mollitia%20nesciunt%20nulla%20officiis%20perferendis%20quidem%20quis%20quo%20quos%20recusandae%20repellat%20repellendus%20rerum%20veritatis%20voluptas.%20At%20fuga%20modi%20nulla%20quam%20suscipit%20tenetur.%22%7D%5D" autoplaytimeout="5000" el_class="pd-top-100 pd-bottom-100"][/vc_column][/vc_row][vc_row layout="container" el_class="mg-top-100 mg-bottom-100"][vc_column][academia_heading title="UPCOMING EVENTS" sub_title="FOLLOW US FOR JOIN OUR EVENTS" el_class="mg-bottom-60"][academia_event][/vc_column][/vc_row][vc_row equal_height="yes" el_class="vc_row-no-padding"][vc_column width="1/2" css=".vc_custom_1453460488027{background-image: url(http://dev.g5plus.net/academia/wp-content/uploads/2016/01/bg-icon-box-1.jpg?id=340) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_empty_space height="670px"][/vc_column][vc_column width="1/2"][vc_row_inner el_class="icon-same-height"][vc_column_inner css=".vc_custom_1453518081559{background-color: #5e3373 !important;}"][academia_icon_box layout_style="style2" icon_type="fontawesome" icon_fontawesome="fa fa-area-chart" icon_bg_color="#ffbc33" title="OUR VALUES" description="Lorem ipsum dolor sit amet, ad autem erroribus eum, eum maluisset constituto. Accusam comprehensam ut has. Quod epicurei pro mark peromnes veniam." color_scheme="color-light"][/vc_column_inner][vc_column_inner css=".vc_custom_1453518099311{background-color: #562c69 !important;}"][academia_icon_box layout_style="style2" icon_type="fontawesome" icon_fontawesome="fa fa-trophy" icon_bg_color="#ffbc33" title="OUR STRATEGY" description="Lorem ipsum dolor sit amet, ad autem erroribus eum, eum maluisset constituto. Accusam comprehensam ut has. Quod epicurei pro mark peromnes veniam." color_scheme="color-light"][/vc_column_inner][vc_column_inner css=".vc_custom_1453518112274{background-color: #4e265f !important;}"][academia_icon_box layout_style="style2" icon_type="fontawesome" icon_fontawesome="fa fa-key" icon_bg_color="#ffbc33" title="OUR MISSION" description="Lorem ipsum dolor sit amet, ad autem erroribus eum, eum maluisset constituto. Accusam comprehensam ut has. Quod epicurei pro mark peromnes veniam." color_scheme="color-light"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row layout="container" el_class="mg-top-100 mg-bottom-100"][vc_column][academia_heading title="LATEST NEWS" sub_title="ALL ABOUT ACADEMIA UPDATES" el_class="mg-bottom-60"][academia_post item_amount="13" is_slider="yes" autoplaytimeout="5000"][/vc_column][/vc_row]

Shortcode set for Home 02

[vc_row][vc_column][rev_slider_vc alias="home-2"][/vc_column][/vc_row][vc_row equal_height="yes" el_class="vc_row-no-padding"][vc_column width="1/4" css=".vc_custom_1453521037698{padding-top: 60px !important;padding-right: 30px !important;padding-bottom: 60px !important;padding-left: 30px !important;background-color: #febc44 !important;}" el_class="col-md-3 col-sm-6"][academia_icon_box layout_style="style4" icon_type="fontawesome" icon_fontawesome="fa fa-graduation-cap" title="BE PART OF US" description="Lorem ipsum dolor sit amet, ad autem erroribus eum, eum eu maluisset constituto accusam." color_scheme="color-light"][/vc_column][vc_column width="1/4" css=".vc_custom_1453521060034{padding-top: 60px !important;padding-right: 30px !important;padding-bottom: 60px !important;padding-left: 30px !important;background-color: #ee8d38 !important;}" el_class="col-md-3 col-sm-6"][academia_icon_box layout_style="style4" icon_type="fontawesome" icon_fontawesome="fa fa-pencil" title="BROWSE COURSES" description="Lorem ipsum dolor sit amet, ad autem erroribus eum, eum eu maluisset constituto accusam." color_scheme="color-light"][/vc_column][vc_column width="1/4" css=".vc_custom_1453532927588{padding-top: 60px !important;padding-right: 30px !important;padding-bottom: 60px !important;padding-left: 30px !important;background-color: #bf2172 !important;}" el_class="col-md-3 col-sm-6"][academia_icon_box layout_style="style4" icon_type="fontawesome" icon_fontawesome="fa fa-search" title="FIND TEACHER" description="Lorem ipsum dolor sit amet, ad autem erroribus eum, eum eu maluisset constituto accusam." color_scheme="color-light"][/vc_column][vc_column width="1/4" css=".vc_custom_1453532923014{padding-top: 60px !important;padding-right: 30px !important;padding-bottom: 60px !important;padding-left: 30px !important;background-color: #971b5c !important;}" el_class="col-md-3 col-sm-6"][academia_icon_box layout_style="style4" icon_type="fontawesome" icon_fontawesome="fa fa-certificate" title="GET CERTIFICATION" description="Lorem ipsum dolor sit amet, ad autem erroribus eum, eum eu maluisset constituto accusam." color_scheme="color-light"][/vc_column][/vc_row][vc_row el_class="mg-top-100 mg-bottom-60"][vc_column][academia_heading title="ABOUT ACADEMIA" sub_title="ACADEMIA PROFILE & HISTORY"][/vc_column][/vc_row][vc_row layout="container"][vc_column width="1/3"][academia_icon_box layout_style="style6" icon_type="fontawesome" icon_fontawesome="fa fa-gavel" icon_color="#5d3273" title="ABOUT US" description="Lorem ipsum dolor sit amet, ad autem erroribus eum, eum edu maluisset constituto, sam ut for has. Lorem ipsum dolor siters mar amet marcelleo." el_class="pd-bottom-60"][academia_icon_box layout_style="style6" icon_type="fontawesome" icon_fontawesome="fa fa-thumbs-o-up" icon_color="#bf2171" title="OUR MISSION & VISION" description="Lorem ipsum dolor sit amet, ad autem erroribus eum, eum edu maluisset constituto, sam ut for has. Lorem ipsum dolor siters mar amet marcelleo." el_class="pd-bottom-60"][/vc_column][vc_column width="1/3"][vc_single_image image="361" img_size=" 372x354" alignment="center"][/vc_column][vc_column width="1/3"][academia_icon_box layout_style="style5" icon_type="fontawesome" icon_fontawesome="fa fa-plane" icon_color="#bf2171" title="OUR MISSION & VISION" description="Lorem ipsum dolor sit amet, ad autem erroribus eum, eum edu maluisset constituto, sam ut for has. Lorem ipsum dolor siters mar amet marcelleo." el_class="pd-bottom-60"][academia_icon_box layout_style="style5" icon_type="fontawesome" icon_fontawesome="fa fa-graduation-cap" icon_color="#ed8d37" title="OUR STRATEGY" description="Lorem ipsum dolor sit amet, ad autem erroribus eum, eum edu maluisset constituto, sam ut for has. Lorem ipsum dolor siters mar amet marcelleo." el_class="pd-bottom-60"][/vc_column][/vc_row][vc_row layout="container"][vc_column][academia_course_search style="course-search-advance-template" bg_right_image="424"][/vc_column][/vc_row][vc_row layout="container" el_class="mg-top-90 mg-bottom-40"][vc_column][academia_course_category category_default="mobile-apps-develop" columns="3" item="6" category="business-management,graphic-design,law-economic,mobile-apps-develop,seo-course,social-media,web-design"][/vc_column][/vc_row][vc_row parallax="content-moving" overlay_set="show_overlay_color" overlay_color="#162240" overlay_opacity="94" css=".vc_custom_1453949490622{background-image: url(http://dev.g5plus.net/academia/wp-content/uploads/2016/01/instructor_single.jpg?id=534) !important;}"][vc_column][academia_testimonial values="%5B%7B%22avatar%22%3A%22522%22%2C%22author%22%3A%22FATMA%20BADRY%22%2C%22author_info%22%3A%22SCIENCE%20PROFESSOR%22%2C%22quote%22%3A%22As%20a%20student%20in%20the%20Professional%20Development%20School%2C%20I%20used%20my%20MacBook%20every%20day.%20Of%20course%20teachers%20check%20emails%2C%20create%20documents%2C%20and%20organize%20themselves%20using%20computers%2C%20but%20the%20MacBook%20was%20particularly%20central%20in%20my%20lessons%20in%20creative%20ways%20as%20well%22%7D%2C%7B%22avatar%22%3A%22521%22%2C%22author%22%3A%22AMADA%20NAWER%22%2C%22author_info%22%3A%22DR.%20PHYSICS%22%2C%22quote%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit.%20A%20architecto%20atque%20autem%20consequuntur%20corporis%20ea%20facere%20fuga%2C%20illo%20in%20ipsam%20iure%20laboriosam%20laborum%20maiores%20minima%20modi%20nam%2C%20nulla%20obcaecati%20porro%20praesentium%20ratione%20reprehenderit%20sint%20sit%20sunt%20tempora%20vitae%20voluptate%20voluptates.%22%7D%2C%7B%22avatar%22%3A%22520%22%2C%22author%22%3A%22LAURA%20GRE%22%2C%22author_info%22%3A%22ECONOMICS%20PROFESSOR%22%2C%22quote%22%3A%22Cupiditate%20neque%20optio%20quae%20veniam%3F%20A%20adipisci%20atque%20aut%20delectus%20doloremque%20enim%20esse%20exercitationem%20fugiat%20id%20illo%20iusto%20laboriosam%20magnam%20molestiae%20nemo%20nihil%20nobis%20nostrum%20possimus%20quae%20quas%20quasi%20quis%20reiciendis%20sapiente%2C%20similique%20tempora%20temporibus%20ullam%20veniam%2C%20vitae%3F%20Dolor%2C%20sapiente.%22%7D%2C%7B%22avatar%22%3A%22519%22%2C%22author%22%3A%22MARIA%20LIND%22%2C%22author_info%22%3A%22DR.%20MATH%22%2C%22quote%22%3A%22Adipisci%20alias%20architecto%20blanditiis%2C%20corporis%20cum%20deleniti%20distinctio%20dolore%20doloribus%20ducimus%20eligendi%20ex%20facilis%20fuga%20illum%20impedit%20minus%20mollitia%20nesciunt%20nulla%20officiis%20perferendis%20quidem%20quis%20quo%20quos%20recusandae%20repellat%20repellendus%20rerum%20veritatis%20voluptas.%20At%20fuga%20modi%20nulla%20quam%20suscipit%20tenetur.%22%7D%5D" layout_style="style2" autoplaytimeout="5000" el_class="pd-top-100 pd-bottom-100 mg-bottom-30"][/vc_column][/vc_row][vc_row layout="container" el_class="mg-top-100 mg-bottom-90"][vc_column][academia_heading title="OUR TEACHER" sub_title="MEET OUR PROFESSIONAL INSTRUCTORS" el_class="mg-bottom-60"][academia_ourteacher is_slider="yes" nav="yes" autoplaytimeout="5000"][/vc_column][/vc_row][vc_row css=".vc_custom_1453533144332{background-color: #f8f8f8 !important;}"][vc_column][vc_row_inner layout="container" el_class="pd-top-100 pd-bottom-100"][vc_column_inner el_class="col-md-3 col-sm-6 sm-mg-bottom-50" width="1/4"][academia_counter icon_type="fontawesome" icon_fontawesome="fa fa-check" value="112" unit="K" title="CLASSES COMPLETED" icon_bg_color="#ffbd33" icon_color="#ffffff"][/vc_column_inner][vc_column_inner el_class="col-md-3 col-sm-6 sm-mg-bottom-50" width="1/4"][academia_counter icon_type="fontawesome" icon_fontawesome="fa fa-users" value="347" unit="K" title="STUDENTS ENROLLED" icon_bg_color="#ee8d38" icon_color="#ffffff"][/vc_column_inner][vc_column_inner el_class="col-md-3 col-sm-6 sm-mg-bottom-50" width="1/4"][academia_counter icon_type="fontawesome" icon_fontawesome="fa fa-briefcase" value="451" title="PROFESSIONAL TEACHERS" icon_bg_color="#bf2172" icon_color="#ffffff"][/vc_column_inner][vc_column_inner el_class="col-md-3 col-sm-6" width="1/4"][academia_counter icon_type="fontawesome" icon_fontawesome="fa fa-globe" value="992" unit="K" title="FOREIGN FOLLOWERS" icon_bg_color="#971b5c" icon_color="#ffffff"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row layout="container" el_class="mg-top-100 mg-bottom-100"][vc_column][academia_heading title="LATEST NEWS" sub_title="ALL ABOUT ACADEMIA UPDATES" el_class="mg-bottom-60"][academia_post item_amount="13" is_slider="yes" autoplaytimeout="5000"][/vc_column][/vc_row][vc_row css=".vc_custom_1453533972475{background-color: #9261aa !important;}"][vc_column][vc_row_inner layout="container" el_class="mg-top-50 mg-bottom-50"][vc_column_inner][academia_partner_carousel images="368,369,370,371" opacity="50" autoplaytimeout="5000" items="4"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

Shortcode set for Home 03

[vc_row el_class="mg-bottom-60"][vc_column][rev_slider_vc alias="home-3"][/vc_column][/vc_row][vc_row layout="container"][vc_column width="1/4" el_class="col-md-3 col-sm-6 sm-mg-bottom-50"][academia_icon_box layout_style="style3" icon_type="fontawesome" icon_fontawesome="fa fa-graduation-cap" icon_bg_color="#fdbb43" title="BE PART OF US" description="Lorem ipsum dolor sit amet, ad autem press erroribus eum, eum eu maluisset constituto education accusam."][/vc_column][vc_column width="1/4" el_class="col-md-3 col-sm-6 sm-mg-bottom-50"][academia_icon_box layout_style="style3" icon_type="fontawesome" icon_fontawesome="fa fa-pencil" icon_bg_color="#ed8d37" title="BROWSE COURSES" description="Lorem ipsum dolor sit amet, ad autem press erroribus eum, eum eu maluisset constituto education accusam."][/vc_column][vc_column width="1/4" el_class="col-md-3 col-sm-6 sm-mg-bottom-50"][academia_icon_box layout_style="style3" icon_type="fontawesome" icon_fontawesome="fa fa-search" icon_bg_color="#bf2171" title="FIND TEACHERS" description="Lorem ipsum dolor sit amet, ad autem press erroribus eum, eum eu maluisset constituto education accusam."][/vc_column][vc_column width="1/4" el_class="col-md-3 col-sm-6"][academia_icon_box layout_style="style3" icon_type="fontawesome" icon_fontawesome="fa fa-certificate" icon_bg_color="#971b5b" title="GET CERTIFICATION" description="Lorem ipsum dolor sit amet, ad autem press erroribus eum, eum eu maluisset constituto education accusam."][/vc_column][/vc_row][vc_row layout="container" el_class="mg-top-60"][vc_column][academia_course_search style="course-search-simple-02-template"][/vc_column][/vc_row][vc_row layout="container" el_class="mg-top-100 mg-bottom-40"][vc_column][academia_heading title="FEATURED COURSES" sub_title="ALL THE TOP COURSES WE OFFERED" el_class="mg-bottom-60"][academia_course_feature columns="3" item="6" is_slider="yes"][/vc_column][/vc_row][vc_row][vc_column][academia_video image="381" link="https://www.youtube.com/watch?v=oUekseURvF8" text="ACADEMIA VIDEO" height="460"][/vc_column][/vc_row][vc_row layout="container" el_class="mg-top-100"][vc_column][academia_heading title="UPCOMING EVENTS" sub_title="FOLLOW US FOR JOIN OUR EVENTS" el_class="mg-bottom-60"][academia_event layout_style="style2" item_amount="10" autoplaytimeout="5000"][/vc_column][/vc_row][vc_row layout="container" el_class="mg-top-50 mg-bottom-50"][vc_column][academia_partner_carousel images="384,385,386,387" opacity="50" autoplaytimeout="5000" items="4"][/vc_column][/vc_row][vc_row css=".vc_custom_1454034191286{padding-top: 100px !important;padding-bottom: 90px !important;background-color: #f8f8f8 !important;}" el_class="mg-bottom-100"][vc_column][vc_row_inner layout="container"][vc_column_inner][academia_twitter_shortcode twitter_user_name="phuongth0310g" twitter_consumer_key="D2ahIETLt1T90gkzBgoMx9ehS" twitter_consumer_secret="2aprTn0dbVt1getK559GUjDMyXFr3xk1sELsQGr2txJuuuWYtJ" twitter_access_token="3008938430-Nsa9HjI7jDwAyotZ4erMxHpAuW8Yem7XtELwMGW" twitter_access_token_secret="yCPpdSwM1Id2rUYxeSh0K50UsFTvuSa4yJsc18DgTerqY" paging_style="next_prev"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row layout="container" el_class="mg-bottom-170"][vc_column][academia_heading title="LATEST NEWS" sub_title="ALL ABOUT ACADEMIA UPDATES" el_class="mg-bottom-60"][academia_post item_amount="13" is_slider="yes" nav="yes" autoplaytimeout="5000"][/vc_column][/vc_row]

And updating, view more demo at: Academia Demo

Paste one of these content into your Homepage, choose Template "Home Pages", then publish this page and set it as your frontpage(8.1. Settings a static page as Home) in the Wordpress Settings panel.

For a further understanding on these shortcodes and what they do, please visit Academia Demo page.

## Building OnePage

Recently OnePage sites has become a trend, and Academia can help you do it easily. You just have to create a Menu with Links as items.

After that, any where want menu link to section, please edit row by Visual Composer and type id on field: Row ID

## Import Demo Content

If you are new to WordPress and have problems with setting up the theme you might want to import the demo content file that comes with the theme. The following actions will import some dummy posts and pages from the live preview:

- Go to menu Tools > Import
- Select WordPress from the list
- If you haven't installed the WordPress import plugin, a popup window will appears and ask you to install it. Just click Install Now. When the installation progress is completed, click Activate Plugin & Run Importer. If you have installed this plugin, skip to next step.
- Click Browse and select demo-data.xml file from the download package
  (Example: cleaning demo on path: Academia\assets\data-demo\cleaning, so the same for others)
- Click Upload file and import
- When you are asked to import author, you can create new author or import to existing author. You also should check the Download checkbox and import file attachments.

Select WordPress from the list

Continue with steps in image

Continue with steps in image

Display asked to import author, selected and continue

After completing all above steps, open frontend link(Home 1) to see the pages imported to make, look like below is ok

If you don't want to use the demo content pack, you can read the instructions on how to work with our theme built-in Page Builder below to make your own pages.

## Import Slider Home Page

After setting up the homepage, you need to setup the slider for homepage to make it display the same as in live preview.

The download package contains the exported slider (Revolution Slider) that can be used as your slider template. Please follow the steps below to import it to your shop:

- Go to "Revolution Slider"
- Click "Import Slider" button
- When a popup appear, click "Browse" and select one of zip sliders(these files include in main file downloaded) file.
- Click "Import Slider" button to start import the selected slider
- Repeat the steps to import all

Please note that these steps are to set up slider for homepage the same as in live demo. If you want to make your own slider, please follow the official Slider Revolution document.

## Sidebars and Widgets

In this section will provide a list of pre-defined sidebars as well as a map of their locations on a page, so that you will find it easier when pulling out widgets to set up your site.

## Contact Form

You can do step by step as image below to build contact form

Add New Contact Form

You can visit Contact Form 7 Plugin to further details.

Or copy and paste content below to Form field(see image above)

Value Content "Contact Form(1)"

<p>Your Name (required)<br /> [text* your-name] </p> <p>Your Email (required)<br /> [email* your-email] </p> <p>Subject<br /> [text your-subject] </p> <p>Your Message<br /> [textarea your-message] </p> <p>[submit "Send"]</p>

Value Content "Contact Us"

<div class="row contact-us"> <div class="col-md-6 col-sm-12"> [text* your-name placeholder "Name"] </div> <div class="col-md-6 col-sm-12"> [tel* your-phone placeholder "Phone"] </div> <div class="col-md-12 col-sm-12"> [email* your-email placeholder "Email" ] </div> <div class="col-md-12 col-sm-12"> [textarea your-message placeholder "Message"][submit "SEND MESSAGE"] </div> </div>

Value Content "Footer Contact Form"

<div class="form-contact-wrap"> [text* your-name placeholder "Name"] [email* your-email placeholder "Email"] [textarea* your-subject placeholder "Message"] <div class="form-submit"> [submit class:m-button class:m-button-primary class:m-button-3d "Send us now"] </div> </div>

Value Content "Footer Contact Form Large"

<div class="form-contact-wrap large-form"> <div class="row"> <div class="col col-md-6"> [text* your-name placeholder "Name"] </div><div class="col col-md-6"> [tel your-tel placeholder "Tel"] </div></div> [email* your-email placeholder "Email"] [textarea* your-subject placeholder "Message"] <div class="form-submit"> [submit class:m-button class:m-button-primary class:m-button-3d "Send us now"] </div> </div>

## General Options

You can adjust WordPress settings as follows:

Step 1 – You can set Site Title, Tagline in Settings > General

Step 2 – You can set Blog pages show at most in Settings > Reading

Step 3 – You can select Front Page displays in Settings > Reading

Step 4 – You can set Discussion settings in Settings > Discussion

Step 5 – You can change Image sizes in Settings > Media

We used the following sizes on our demo sites:
Thumbnail size: 150 x 150
Medium size: 300 x 300
Large size: 1024 x 1024

Step 6 – You should ensure that a non-default permalink setting is selected, e.g. Month and name in Settings > Permalinks

## Theme Options/Academia Options

By clicking on the "Theme Options" menu, you'll be able to change all template specific settings.

## General Settings

"General Settings" tab is divided into a few sections. Asides from the Install Demo Data section mentioned above, there are a few important sections for you to customize your layout.

You can upload this Logo on your server, or just paste an URL into the Logo box

1. Pre-Loading display

2. On/Off smooth scroll

3. Panel Selector display

4.Back to top

### Maintenance Mode

"Maintenance Mode" use for update/maintenance website. Can choose custom page or default(basic)

### Performance

"Performance" use on/off js & css for faster loading page

### Page Transition

### Custom Favicon

Have many options for each devices/screen, view on image to further more details.

### 404 Setting

You can input information, background for 404 page with out install plugins.

## Pages Setting

## Seach Pages Setting

## Archive Setting

### Single Blog

## Logo Setting

## Top Drawer

## Header Setting

## Mobile Header Setting

## Header Customize

## Footer Setting

Frontend display

View position Footer and Bottom Left Sidebar and Bottom Right Sidebar on widgets area part here: 5. Sidebar & Widgets

## Styling Options

User can custom and change many options color on website.

## Custom Font

User can custom and upload many options font for website.

## Font Options

User can choose from many font style.

## Social Profiles

These options are for a box that enable people to share your blog content on various social networks which automatically shows up under the content blog posts, an important function that helps promoting your site. You can also check the options to decide which network they are allowed to share the content of your website on. You can also turn off all options if you don't want your content to be shared at all.

## Course

### Archive Course

### Single Course

### Archive Event

### Single Event

## Custom Post Type

Users can disable the custom post types used within the theme here, by checking the corresponding box. Settings many options for them, also.

### Portfolio Settings

Users can disable the custom post types used within the theme here, by checking the corresponding box. Settings many options for them, also.

### Archive Portfolio Settings

Users can disable the custom post types used within the theme here, by checking the corresponding box. Settings many options for them, also.

## Resources Options

Resources options let you utilize boostrap elements to style your store quick and easily.

## Custom CSS & Script

In case you want to add new CSS class or JS to your website, add it in this text box. This will add/overwrite the theme CSS,JS, so please be careful!

## Import/Export

You can back up the options you chose here and restore them later, in case you want to fiddle with it. You can even swap data between different installations by pasting the text in the box under Transfer Theme Options Data and click Import Options button.

## Meta Options

Academia features custom settings for your pages that you can set globally under Theme Options and individually on a per Page basis in your Edit Page screen under the Meta Options section (the section will be above or below your Visual Composer editor section).

You can set the following Options for the Page you are currently editing:

### 1. Page Layout

Academia features custom setting page layout for your pages that you can overwrite page layout settings in Theme Options

You can set the following Page Layout Options for the Page you are currently editing:

Attribute | Description
--- | ---
Layout Style | Overwrite the Default Layout Style (set in Theme Options) for this page.
Page Layout | Overwrite the Default Layout of pages settings section in Theme Options for this page.
Page Sidebar | Set position for the page sidebar: none, left, right, both of left and right
Left Sidebar | Set Sidebar for left sidebar, if not selected will take value in Theme Options
Right Sidebar | Set Sidebar for right sidebar, if not selected will take value in Theme Options
Sidebar Width | Set width for Sidebar , if selected default will take value in Theme Options
Page Class Extra | Add class extra in to body tag for this page

### 2. Top Drawer

Academia features custom setting top drawer for your pages that you can overwrite top drawer settings in Theme Options

You can set the following Top Drawer Options for the Page you are currently editing:

Attribute | Description
--- | ---
Top Drawer Type | Set type of top drawer: 'Disable', 'Always Show', 'Toggle'. If selected default will take value in Theme Options
Top Drawer Sidebar | Set Sidebar for top drawer sidebar, if not selected will take value in Theme Options
Top Drawer Wrapper Layout | Set layout wrapper for top drawer: 'Full Width', 'Container', 'Container Fluid'. If selected default will take value in Theme Options
Top Drawer hide on mobile | Set visible for top drawer area on mobile. If selected default will take value in Theme Options

### 3. Top Bar

Academia features custom setting top bar for your pages that you can overwrite top bar settings in Theme Options

You can set the following Top Bar Options for the Page you are currently editing:

Attribute | Description
--- | ---
Top Bar DeskTop
Show/Hide Top Bar | Set visible of top bar. If selected default will take value in Theme Options
Top Bar Layout | Set layout for top bar: '1/2-1/2', '2/3-1/3', '1/3-2/3', 'full', if not selected will take value in Theme Options
Top Left Sidebar | Set sidebar for left sidebar. If not selected will take value in Theme Options
Top Right Sidebar | Set sidebar for right sidebar. If not selected will take value in Theme Options
Top Bar Scheme | Set scheme for top bar area: 'Light', 'Light Gray', 'Gray', 'Dark Gray', 'Dark', 'Overlay', 'Transparent'. If selected default will take value in Theme Options
Top Bar Border Bottom | Set border bottom for top bar area: 'None', 'Bordered'. If selected default will take value in Theme Options
Top Bar Mobile
Show/Hide Top Bar | Set visible of top bar. If selected default will take value in Theme Options
Top Bar Layout | Set layout for top bar: '1/2-1/2', '2/3-1/3', '1/3-2/3', 'full', if not selected will take value in Theme Options
Top Left Sidebar | Set sidebar for left sidebar. If not selected will take value in Theme Options
Top Right Sidebar | Set sidebar for right sidebar. If not selected will take value in Theme Options
Top Bar Scheme | Set scheme for top bar area: 'Light', 'Light Gray', 'Gray', 'Dark Gray', 'Dark', 'Overlay', 'Transparent'. If selected default will take value in Theme Options
Top Bar Border Bottom | Set border bottom for top bar area: 'None', 'Bordered', 'Container Bordered'. If selected default will take value in Theme Options

### 4. Header

Academia features custom setting header for your pages that you can overwrite header settings in Theme Options

You can set the following Header Options for the Page you are currently editing:

Attribute | Description
--- | ---
Header On/Off? | Set visible of header
Page Header Desktop
Header Layout | Set layout of header. If no selected will take value in Theme Options
Header Boxed | Set boxed for header layout, if selected default will take value in Theme Options
Header Container Layout | Set container layout for header: 'Container', 'Container Full'. If not selected will take value in Theme Options
Header Float | Set float for header. If selected default will take value in Theme Options
Header Scheme | Set scheme for header: 'Light', 'Light Gray', 'Gray', 'Dark Gray', 'Dark', 'Overlay', 'Transparent'. If selected default will take value in Theme Options
Header Navigation Scheme | Set scheme for header navigation: 'Light', 'Light Gray', 'Gray', 'Dark Gray', 'Dark', 'Overlay', 'Transparent'. If selected default will take value in Theme Options
Header navigation border top | Set border top for header navigation: 'None', 'Solid'. If selected default will take value in Theme Options
Header navigation border bottom | Set border bottom for header navigation: 'None', 'Solid', 'Gradient', 'Gradient 2'. If selected default will take value in Theme Options
Show/Hide Header Sticky | Set sticky mode for header. If selected default will take value in Theme Options
Header sticky scheme | Set scheme for sticky of header. If selected default will take value in Theme Options
Page Header Mobile
Header Mobile Layout | Set layout fot header mobile. If no selected default will take value in Theme Options
Menu Drop Type | Set drop type for menu mobile: 'Dropdown Menu', 'Fly Menu'. If not selected will take value in Theme Options
Header Scheme | Set scheme for header mobile: 'Light', 'Light Gray', 'Gray', 'Dark Gray', 'Dark', 'Overlay', 'Transparent'. If selected Default will take value in Theme Options
Mobile header border bottom | Set border bottom for mobile header: 'None', 'Bordered', 'Container Bordered'. If selected default will take value in Theme Options
Mobile header float | Set float mode for mobile header. If selected default will take value in Theme Options
Header mobile sticky | Set sticky mode for mobile header. If selected default will take value in Theme Options
Mobile Header Search Box | Set visible for search box. If selected default will take value in Theme Options
Mobile Header Shopping Cart | Set visible for shopping cart. If selected default will take value in Theme Options

### 5. Header Customize

Academia features custom setting header customize area for your pages that you can overwrite header customize settings in Theme Options

You can set the following Header Customize Options for the Page you are currently editing:

Attribute | Description
--- | ---
Header Customize Navigation
Set header customize navigation? | Set customize of header navigation. If selected Off will take settings Header Customize Navigation in Theme Options
Header Customize Navigation | Set visible and order item for header navigation: 'Shopping Cart', 'Search Box', 'Social Profile', 'Canvas Menu', 'Custom Text'
Custom social profiles | Set social profiles items for header navigation
Custom text content | Set content for custom text of header navigation
Header Customize Left
Set header customize left? | Set customize of header left. If selected Off will take settings Header Customize Left in Theme Options
Header Customize Left | Set visible and order item for header left: 'Shopping Cart', 'Search Box', 'Social Profile', 'Canvas Menu', 'Custom Text'
Custom social profiles left | Set social profiles items for header left
Custom text content left | Set content for custom text of header left
Header Customize Right
Set header customize right? | Set customize of header right. If selected Off will take settings Header Customize Right in Theme Options
Header Customize Right | Set visible and order item for header right: 'Shopping Cart', 'Search Box', 'Social Profile', 'Canvas Menu', 'Custom Text'
Custom social profiles right | Set social profiles items for header right
Custom text content right | Set content for custom text of header right

### 6. Logo

Academia features custom setting logo for your pages that you can overwrite Logo settings in Theme Options

You can set the following Logo Options for the Page you are currently editing:

Attribute | Description
--- | ---
Logo Desktop
Custom Logo | Upload logo if you want custom logo for this page.
Custom Logo Retina | Upload logo for retina if you want custom logo retina for this page
Logo height | Set height for logo, if leave empty will take value in Theme Options
Logo max height | Set max height for logo, if leave empty will take value in Theme Options
Logo padding top | Set padding top for logo, if leave empty will take value in Theme Options
Logo padding bottom | Set padding bottom for logo, if leave empty will take value in Theme Options
Sticky Logo | Upload logo sticky if you want custom logo for this page.
Sticky Logo Retina | Upload logo sticky for retina if you want custom logo retina for this page
Logo Mobile
Mobile Logo | Upload logo if you want custom logo mobile for this page.
Mobile Logo Retina | Upload logo mobile for retina if you want custom logo retina for this page
Mobile Logo Height | Set height for logo mobile, if leave empty will take value in Theme Options
Mobile Logo Max Height | Set max height for logo mobile, if leave empty will take value in Theme Options
Mobile Logo Padding | Set padding top/bottom for logo, if leave empty will take value in Theme Options

### 7. Menu

Academia features custom setting menu for your pages that you can overwrite Menu settings

You can set the following Menu Options for the Page you are currently editing:

Attribute | Description
--- | ---
Page menu | Optionally you can choose to override the menu that is used on the page.
Page Menu Left | Optionally you can choose to override the menu left that is used on the page (apply "header-2" and "header-3")
Page Menu Right | Select Menu Page Menu Right Optionally you can choose to override the menu right that is used on the page (apply "header-2" and "header-3")
Page menu mobile | Optionally you can choose to override the menu mobile that is used on the page
Is One Page | Set page style is One Page
Sub menu scheme | Set scheme for sub menu: 'Dark', 'Light', if selected deault will take value in Theme Options

### 8. Page Title

Academia features custom setting page title for your pages that you can overwrite Page Title settings in Theme Options

You can set the following Page Title Options for the Page you are currently editing:

Attribute | Description
--- | ---
Show/Hide Page Title? | Set visible of header, if selected default will take value in Theme Options
Custom Page Title | Set content of page title. If leave empty will take value title of page
Custom Page Subtitle? | Set custom for page subtitle, if selected Off will take value in Theme Options
Custom Page Subtitle | Set content for page subtitle
Text Align | Set text align for page title: 'left', 'center', 'right'. If selected default will take value in Theme Options
Padding Top | Set padding top for page title. If leave empty will take value in Theme Options
Padding Bottom | Set padding bottom for page title. If leave empty will take value in Theme Options
Border Bottom | Set border bottom for page title: 'Enable', 'Disable'. If selected default will take value in Theme Options
Text Size | Set size of text for page title: 'Medium', 'Large'. If selected default will take value in Theme Options
Text Color | Set color of text for page title. If leave empty will take value in Theme Options
Custom Background Color? | Set custom background color for page title. If selected Off will take value in Theme Options
Background Color? | Set background color for page title if selected On for Custom Background Color
Background Color Opacity? | Set background color opacity for page title if selected On for Custom Background Color
Custom Background Image? | Set custom background image for page title. If selected Off will take value in Theme Options
Background Image | Set background image for page title if selected On for Custom Background Image
Page Title Parallax | Set parallax mode for page title. If selected Default will take value in Theme Options
Parallax Position | Set position of parallax mode for page title: 'Top', 'Center', 'Bottom'. If selected Default will take value in Theme Options
Breadcrumbs | Set visible of breadcrumbs for page title. If selected Default will take value in Theme Options
Breadcrumbs Styles | Set styles of breadcrumbs for page title: 'Float', 'Normal'. If selected Default will take value in Theme Options
Breadcrumbs Align | Set align of breadcrumbs for page title: 'Left', 'Center', 'Right'. If selected Default will take value in Theme Options
Remove Margin Bottom | Set margin bottom to none for page title

### 9. Footer

Academia features custom setting footer for your pages that you can overwrite Footer settings in Theme Options

You can set the following Footer Options for the Page you are currently editing:

Attribute | Description
--- | ---
Footer Settings
Show/Hide Footer? | Set visible of footer, if selected default will take value in Theme Options
Wrapper Layout | Set wrapper layout of footer: 'Full Width', 'Container Fluid'. If selected Default will take value title of page
Footer Container Layout | Set container layout for footer: 'Full Width', 'Container Fluid', 'Container', if selected Off will take value in Theme Options
Layout | Set layout sidebar for footer, if not selected will take value in Theme Options
Main Footer padding top | Set padding top for main footer. If leave empty will take value in Theme Options
Main Footer padding bottom | Set padding bottom for main footer. If leave empty will take value in Theme Options
Background Image | Set background image for footer. If leave empty will take value in Theme Options
Footer Scheme | Set scheme for main footer: 'Dark-Black', 'Light-Black', 'Light', 'Dark', 'Custom'. If selected Default will take value in Theme Options
Footer Parallax | Set parallax mode for footer. If selected Default will take value in Theme Options
Collapse footer on mobile device | Set collapse mode for footer on mobile device. If selected Default will take value in Theme Options
Footer Above Settings
Show/Hide Footer Above | Set visible of footer above area, if selected default will take value in Theme Options
Footer Above Layout | Set layout sidebar of footer above area, if no selected will take value in Theme Options
Footer Above Left Sidebar | Set sidebar for footer above left, if no selected will take value in Theme Options
Footer Above Right Sidebar | Set sidebar for footer above right, if no selected will take value in Theme Options
Footer above padding top | Set padding top for footer above area. If leave empty will take value in Theme Options
Footer above padding bottom | Set padding bottom for footer above area. If leave empty will take value in Theme Options
Bottom Bar Settings
Show/Hide Bottom Bar | Set visible of footer bottom area, if selected default will take value in Theme Options
Bottom Bar Layout | Set layout sidebar of footer bottom area, if no selected will take value in Theme Options
Bottom Bar Left Sidebar | Set sidebar for footer bottom left, if no selected will take value in Theme Options
Bottom Bar Right Sidebar | Set sidebar for footer bottom right, if no selected will take value in Theme Options
Bottom bar padding top | Set padding top for footer bottom area. If leave empty will take value in Theme Options
Bottom bar padding bottom | Set padding bottom for footer bottom area. If leave empty will take value in Theme Options

## WooCommerce Settings

#### How to config product image like demo

##### Step 1

##### Step 2

##### Step 3

Install plugin http://wordpress.org/extend/plugins/regenerate-thumbnails/

##### Step 4

## Mega Custom Menu

We use XMENU, please visit Document XMENU for further details.

## Setting a static page as Home

If you installed the Demo Content, you don’t need to create a new Home Page, you just need to choose from the list Home Pages that were automatically created from the demo content, following these steps:

- Go to Settings > Reading
- For Front page displays, select A static page (select below)
- Choose either Home 1, Home 2 from the dropdown for Front page
- Click Save Changes

Save all your changes!

## Config row / column

Content management is a breeze with Fortuna and it requires absolutely no coding skills. Using a highly customized version of the Visual Composer plugin the theme offers a user friendly Drag'n'Drop interface for easy page creation and editing. Follow these simple steps to create a Page with Academia:

Step 1:Go to Pages > Add new in your Dashboard. Add a Title to your Page (top field).

Step 2:Switch to Backend Editor if you are currently under Classic Mode (button below Title field).

Step 3:Start adding page content by clicking on the Plus button or Add Element.

Step 4:The Add Element Popup appears, click on the first element in order to add a new Row to your page. A Row is a main building block of a page, you can split your Rows into Columns, place various elements into your rows, set Row Backgrounds, effects etc.

Step 5:Once you have the new Row added to your page you can split that Row into Columns in order to organize elements nicely in it. Once you split your Row into column you can start adding different Page Elements into your columns. If you want to edit your Row/Column Settings click on the small Pen icon (top right corner of the Row/Column). You can also Duplicate your Row with the Icon (duplicate icon) next to it or Remove the Row/Column with the icon to the right (trash bin icon).

#### Row Settings (General)

Click on the Edit Row button (Pen icon, top right of the Row). You will see the Row Settings Dialog popup.

Layout:

Full Width (overflow hidden) - Row will full width (option default)

Full Width (overflow visible) - Row will full width, visible content if overflow

Container - Max width 1170px and center.

Container Fluid - Full width, padding left and padding right 15px.

Columns gap:

In order to control gaps between columns navigate to row parameter window and change column gap option - the gap will be introduced between all columns within this row. Default value of gap is set to 0.

Important: In case of mobile stacking gap will be introduced between stacked columns as well.

Full Height Row and Video Background:

Equal height:

In order to set columns within row to be equal height you must navigate to row parameter window and check Equal height option to be active. All columns within this row will have equal height and align to the longest column.

Content position:

In order to control vertical alignment of content within rows/columns navigate to row parameter window and select position of content - top, middle or bottom. By default value is set to "Default" meaning it will use Top or any other alternative if defined within your WP theme.

Parallax:

Show background overlay (Overlay Color)

Color - Click button to select color of background overlay

Overlay Opacity - Set opacity for overlay (0 → 100)

Show background overlay (Overlay Image)

Image - Click button to select select image or set background image from Design Options

Overlay Opacity - Set opacity for overlay (0 → 100)

Row ID

Set ID of row (Note: make sure it is unique and valid according to w3c specification)

#### Row Settings (Design Options)

#### Row Settings (Animation Settings)

CSS Animation - Select type of animation if you want this element to be animated when it enters into the browsers viewport.

Animation Duration - Duration in seconds. You can use decimal points in the value. Use this field to specify the amount of time the animation plays. The default value depends on the animation, leave blank to use the default.

Animation Delay - Delay in seconds. You can use decimal points in the value. Use this field to delay the animation for a few seconds, this is helpful if you want to chain different effects one after another above the fold.

#### Managing Columns

Once you have the desired number of columns in a Row you can manage each Column's individual settings by clicking on the Toolbar icons of that specific Column. The Plus Icon adds an element to the top of the Column, the bottom Plus Icon adds an elemnt to the bottom of the Column. The Trash Bin icon removes the Column. Access the Column Settings by clicking on the Pen Icon.

#### Column Settings (General)

Access the Column Settings by clicking on the Pen Icon. The General tab provides with the option to add CSS classes to your Column if you wish to access it via CSS (can pass more than one divided by a space).

#### Column Settings (Design Options)

#### Column Settings (Responsive Options)

## Add / Edit Page Elements

Adding Page Elements to your Page is pretty straightforward. First you need to have created a new page, added a Row to it and defined your Row Columns (read more in the previous section).

Step 1:Click on one of the Plus Icons within the column you want to add a new element to.

Step 2:The Page Elements dialog will appear, click on the element you want to add to your Column/Row.

Step 3:The Element Settings Dialog of the Element you are adding appears. Customize your element anyway you want, then click Save.

Step 4:Your element is now in the Column you added it to. Once you hover your newly added element you will see a small popup that let's you manage it. You can do the following with your elements:

Move - Drag your element via the Direction Icon to move it around within the Column,Row or Page.

Edit - Click on the Pen Icon to edit your Element's properties.

Clone - Click on the Copy Icon to duplicate your Element.

Delete - Click on the Trash Bin Icon to remove your Element.

## Custom post type

Academia includes 2 custom post type:

- Our Teacher: post type to create Teacher for class, also group teacher by department
- Count down: Academia provide post type Countdown to create time count down that insert to comming soon or under construction page

#### Create Our Teacher Items

Academia provide a Our Teacher custom post type that lets you feature your work in style. To create your Teacher items follow the steps below:

Step 1: Go to Our Teacher > Add New in your Dashboard.

Step 2: Click on Add New to make a new post. Create a title and insert your post content in the editing field. You can use any of our short code builder elements inside the post.

Step 3: Add Departments from the right side. To assign it to the post, check the box next to the Department name. These Categories are the filters that will sit above your portfolio images and allow you to filter the different types of projects.

Step 4: To select Feature Image click the first Featured Image Box, select an image and click “Set Featured Image”.

Step 5: Add Social Info custom information by input to 'Social Settings' section. You can add multiple file by click 'Add Social' button.

Step 6: Add Phone, Email extra information by input to 'Contact Info' section.

Step 7: Once you are finished, click Publish to save the post

## Setting Custom post type

Each custom post type has each page setting to change slug, display name. To change setting custom post type follow the steps below:

Step 1: Go to 'Custom Post Type' (ex: Portfolio ) > Settings in your Dashboard.

Step 2: Input value to 'New slug post type' and 'New name post type'

Step 3: Input value to 'New slug category' and 'New name category' .

Step 4: Once you are finished, click 'Save Changes' to save the settings

#### Here Is A Screenshot That Shows Setting Custom Post Type Described Above

## Contact Forms Settings

Settings For Send Mail

You can visit WP Mail SMTP Plugin to further details.

## Mail Chimp Settings

#### Step 1: Choose menu follow:

#### Step 2:

#### Step 3:

#### Step 4:

#### Step 5:

#### Step 6, the last:

## Thank you for purchasing our theme

If you have any questions that are beyond the scope of this documentation

Please feel free to us via email g5plus@outlook.com.

Or create topic here: http://support.g5plus.net. Thanks so much!