Kolaso Theme Documentation

Thank you for purchasing kolaso theme. This documentation will help to know more about theme and how is structured and how to use the theme features.

Requirements

To be able to use kolaso theme, you must have the following:

• Setup WordPress CMS Last Version.
• Upload WordPress Theme (kolaso).
• An FTP tool to upload the files for (kolaso)
• Make sure you upload the required assets files/folders listed below:
  • /assets/* – Assets Folder
  • /framework/* – Framework Folder
  • /assets/style.css – Main Stylesheet File
  • functions.php – Main theme php functions
  • *.php – Other Files

Installation

Follow the steps below to get started with your kolaso :

1. Open the Package Folder to find all Files.
2. You will need to upload requirement files

Active Theme

Follow this step you need:

1. You will need to active kolaso theme from wp-admin > apperance > themes.

Active Plugins

Follow the steps below to get started with activation required plugins:

1. Active Plugins Which get with theme activation
2. In your admin panel, go to Appearance -> Install Plugins.
3. Active wordpress import plugin, you can find it wp-admin > tools > import > wp wordess import
4. Active importer/exporter widget plugin, you can find it here

Import Content

Follow the steps below to import content to website:

1. Active wordpress import plugin
2. Uploas data.xml which included in demo-data Folder

1. You need upload two files on the path below:
2. – attachment-data.xml
3. – data.xml

Update Theme Options

Greate, Now start to import options for website

1. you can find theme option in wp-admin > theme options
2. Get options form theme-options.json which include in Package
3. Copy options form file to your theme
4. CLick Import.

Import Widgets

Follow the steps below to import revolution slider to website:

1. active importer/exporter widget plugin, you can find it here
2. import widgets.wie which include in Package

Theme Options

Follow the steps below to know how to edit theme options:

Logo Options

Menus

From the ‘Appearance’ menu select the ‘Menus’ option to bring up the Menu Editor.

1. 1. Select create a new menu

1. 1. Enter a name for your new menu in the Menu Name box.

1. 1. select menu that you have created.

You can add different link types into your menu, these are split between panes left of the menu you’re currently editing.

1. 1. Locate the pane entitled Pages.
   2. Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
   3. Select the Pages that you want to add by clicking the checkbox next to each Page’s title.
   4. Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.

1. 1. Click the Save Menu button once you’ve added all the menu items you want.

Creating Multi-level Menus

1. Position the mouse over the ‘child’ menu item.
2. Whilst holding the left mouse button, drag it to the right.
3. Release the mouse button.
4. Repeat these steps for each sub-menu item.
5. Click the Save Menu button in the Menu Editor to save your changes.

Adding Your Menu to Your Site

1. Scroll to the bottom of the menu editor window.
2. In the section titled Theme locations, click the check box for the location where you want your menu to appear.
3. Click Save menu to save your selection.

Manage Menu Locations

You can set any menu as Primary menu here.

Mega Menus

From the ‘Appearance’ menu select the ‘Menus’ option to bring up the Menu Editor.

1. select form custom link and check create mega menu for this item

2. Create Columns for what you want and remove link

3. Add link if you need to add icon you can add icon code from Font Awesome Library or Themify Icons

Page

Page OptionsWith the Page Options specially built for our themes, you can easily customize Header, Page Title, Footer, Page Option, One Page of every page.

NoteThis Edits For Current page Only
BodyHeaderPage TitleFooterHome Page

To set a page as Home page, go to Settings > Reading in your WordPress Dashboard panel.

Standard Format

Video Format

Quote Format

Link Format

Gallery Format

Audio Format

Testimonial

Team Member

Portfolio

Client Logo

Elements

Visual Composer is a powerful WordPress page builder that allows you to create complex page layouts without touching a single line of code. To switch to Visual Composer’s Backend Editor, click on this button:

A shortcode selecting panel will show up, you can see all the shortcode available in the theme. Select the one you would like to use.

tabs

• Style: select tab style
• Active Tab: You can active any tab
• Then you can add any elements you need to put it inside tabs

Accordion

• Active Tab: You can active any accordion
• Style: select accordion style

Heading

• Style Heading: Select Heading color “Dark”, “light”
• Content Alignment: Select content align “Text Center” , “Text Right” and “Text Left”

• Heading Element Tag: Select Heading Tag “h1”, “h2”, “h3”, “h4”, “h5” and “h6”
• Title Text: write title heading
• Content: write title description

• Extra Class: If you wish to add extra class to this element
• Extra Id: If you wish to add extra id to this element

Clients image

• Style: select clients style
• Clients Count: Number Of Items to show

• Client Categories: select Which categories would you like to show

icon box

• Style: select icon box style
• Content Alignment: Select content align “Text Center” , “Text Right” and “Text Left”
• Content Dark Or Light Select Content color “Content Dark”, “Content light”

• Icon To Display: select icon to display

• Title Text: write Title Text
• Content Text: write Content Text

Hero Content

• Style Heading: Select Heading color “Dark”, “light”
• Content Alignment: Select content align “Text Center” , “Text Right” and “Text Left”

• Heading Element Tag: Select Heading Tag “h1”, “h2”, “h3”, “h4”, “h5” and “h6”
• Title Text: write title heading
• Content: write description text
• Button Link: click on select url to Add link for button.
• Button Text: Enter text for button.

Gallery Images

• Select Images: Upload images you want to show in gallery

• Slider Style: Select Slider Style “Style white”, “Style Dark” and “style theme”
• Slider Items Number: Select Number Of Items to show”
• Slider Items Number Scroll:Select Number Of active items”
• Slider Items Speed: control Slider items speed

• Slider Items Space: control space size between slide items
• Slider Autoplay Active: enable / disable slider autoplay
• Slider Nav Active: enable / disable Navigation arrows
• Slider Dots Active: enable / disable Slider dots
• Slider Loop Active: enable / disable Slider repeat

Popup Video Style

• Popup Video Style: Select Popup Video Style
• Upload Images: Upload images you want to show in gallery

• Add Video Links: click on select url to Add Url link and text link

Testimonial Block

• Testimonial Block Style: select Testimonial Block style.
• Testimonial Block Count: Enter Post Count.

• Testimonial ID: Enter Testimonial id.

Team Block

• Team Block Style: select Testimonial Block style.
• Team Block Count: Enter Post Count.

• Team ID: Enter Team id.

Portfolio Block

• Style: select Portfolio Block style.
• Portfolio Block Count: Enter Post Count.

• Enable Fillter Portfolio: Enable / Disable Fillter Portfolio.
• Default Text: enter text.

• Portfolio Categories: Select Which categories would you like to show?
• Portfolio ID: Enter Portfolio id.

List icon Block

• Text Content: Enter Text Content.
• Icon Library: Select Icon library
• Select Icon: Select Icon

Location Map

• Add A Custom Map Size: set width and height for map.
• Upload Map Marker: Select Icon library

• Enter A Marker Title: set width and height for map.
• Address: Enter map locaion Address
• Lat Position: Enter google map lat long
• Lng Position: Enter google map lng long
• Map Zoom: Enter map zoom value

Alert Block

• Style: select alert block Style.
• Main Alart Color: Select Main Alart Color
• Background Alart Color: Select Background Alart Color
• Text Alart Color: Select Text Alart Color

• Alerts Title: Enter Alerts Title.
• Alerts Description: Enter Alerts Description.
• Icon Library: Select Icon library
• Select Icon: Select Icon

Blockquots Blocks

• Style: select Blockquots Style.

• Content: Enter Blockquote Content.
• Blockquote Title: Enter Blockquote Title.

Buttons

• Style: select Button Style.
• Button Link URL: click on select url to Add link url and text for button.

• Select Button Width: Select Button width “full width” and “auto width”
• Select Button Style:Select Button style “background color”, “background Gradient”, “background White” and “background Dark”
• Select Button Border:Select Button Border “with Border” and “without Border”
• Select Button Border Style:Select Button Border style “with Border radius” and “with Border radius”
• Select Button Hover Style:Select Button Hover style “Button Hover Normal” and “Button Hover inverse”

Circles

• Style: select Circles Style.

• Circle Title: Enter Circle Title.
• Circle Description: Enter Circle Description.
• Circle Percent: Enter Circle Percent for example 80%.

• Select Circle Style: select Circle Style “show icon” and “show percentage”

Counters

• Counters Style: select Counters Style.
• Select Counters Layout Color Style: Select Counters Layout Color Style “dark color” and “light color”

• Counters Title: Enter Counters Title.
• Counters Description: Enter Counters Description.
• Select Counters Style: Show / Hide icon

Countdown

• Countdown Style: select Countdown Style.
• Select Countdown Style: Select Select Countdown Style “light style” and “dark style”

• Countdown Year: Enter Countdown Year.
• Countdown Month: Enter Countdown Month.
• Countdown Day: Enter Countdown Day.

Timeline

• Timeline Title: select Timeline Title.
• Timeline From: select Timeline From.
• Timeline To: select Timeline To.
• Select Item Position: Select item position “position right” and “position lefta”

Call to action

• Call To Action Style: select Call to Action Style.
• Select Countdown Style: Select Select Countdown Style “light style” and “dark style”

• Style Heading: select Style Heading “dark” and “light”
• Call To Action Title: Enter Call to Action Title
• Call To Action Description: Enter Call to Action Description
• Button Link: click on select url to Add link url and text for button.

Social icons

• Select Social Media Background Style: Select Social Media Background style “with background” and “without background”
• Facebook Link: add your facebbok account link

Mailchamp

• Circle Style: Select Circle Style

• Form ID Subscribe: Enter Form ID Subscribe
• Subscribe Style: Select Subscribe Style “light” and “dark”

Progress Bars

• Progress Bars Style: Select Progress Bars Style

• Progress Bars Title: Enter Progress Bars Title
• Progress Bars Percent: Enter Progress Bars percent

Pricing

• Pricing Style: Select Pricing Style

• Pricing Title: Enter Pricing Title
• Pricing Percent: Enter Pricing Percent
• Pricing Description: Enter Pricing Description

• Button Link: click on select url to Add link url and text for button.
• Enable Active: Enable / disable active pricing.

Grid Block

• Data Source: Select content type for your grid.
• Post Count: Enter Post Count.
• Post Order By: Select Post Order By “Date”, “Random” and “Comment Count”

List Block

• Data Source: Select content type for your grid.
• Post Count: Enter Post Count.
• Display Style: Select display style for grid.
• Post Order By: Select Post Order By “Date”, “Random” and “Comment Count”

Credit Files

I’ve used the following images, icons or other files as listed.

JavaScript Plugins

1. jQuery
2. bootstrap
3. Owl Carousel
4. Counter Up
5. Magnific Popup
6. Images Loaded
7. Isotope
8. countdown
9. jquery gmap
10. easy pie chart
11. jQuery Waypoints

Icon Font

1. FontAwesome
2. Linearicons
3. themify
4. typicons

CSS Library

1. Animate.css

Support

If you need any help. Feel free to contact us. We will reply within 24 hours. Send a mail from Profile Support

Changelog

Initial Release V1.0

Released on 2 June 2018.