We would like to thank you for purchasing Dash!

This documentation file helps you to understand the whole theme concept and how it works. You should read all sections of the file before start your work. Here have multiple detailed explain of elements, theme sections and included video tutorials.

If you have any questions that are beyond the scope of this help file, please check out and search for Forum page.

After that you still can't find the solution yet, please leave a ticket on Support system then support agents help your issue asap.

Surely you have already installed WordPress on your server. If you don't installed it yet and you are new to WP and have problems installing it, you might want to check out following tips.

About WordPress
Detailed instruction about WordPress
Installing Tutorials
Installation tutorial by WordPress
Instructional Video
Video lessons by Woo Themes
Getting Started
WordPress Tips for Beginners
WP101 Basix Training
Some great videos from WPTuts on WordPress

You need to download theme files after you've purchased the it. Following image describes downloads section of the item and you have 2 download choices.

Visit Downloads menu from your profile dropdown.

Download Package

 

Please click on Download (green) button and choose your options.

Download Package

 

 

Downloading All Files gives you a all-files.zip file with all the content listed below

Download Package
documentation
This is costumer's handbook. Obviously, If you can reading this file, you're open this file :)
dummy-data
You have an Dash Click option for import demo data. But if you need detailed xml files please pick up those here. You should read about how to use it from Demo Data part of this document.
Dash-v1.0.zip
You can use this file for install function of built in WordPress.
Dash-child.zip
Child theme. Please make your file changes in it. And this child theme helps you to keep your changes in it even updated main theme continually. You should read more details about child theme here.
Dash-changelog.txt
Contains changes history, change descriptions, date and modified files list.

You can either choose to upload the theme via WordPress upload function or via ftp to your site.

1. Via WordPress theme uploader (recommended)

Step 1
Login to your website
Step 2
Go to Appearance -> Themes
Step 3
Click on Install Themes tab
Step 4
Click on Upload link and Browse to the Dash.zip file (it is located in the folder you've downloaded from ThemeForest).
Step 5
Click Install Now button
Step 6
Then you see Dash settings page right side on Dashboard menu section.
Step 7
Now you are ready to go. Create your new site and control it.

Note: This is a short video instruction but prepared on a different theme. If you see here some small difference please do not pay attention on them and just focus on the steps.

2. Via FTP client

Step 1
Login to your hosting via FTP client application (such as FileZilla and CuteFTP)
Step 2
Go to wp-content -> themes directory
Step 3
Upload Dash folder (uncompressed) into this directory
Step 4
Refresh Appearance -> Themes of your dashboard and Activate the theme.

After the activation you see this notice at top of your dashboard. This theme requires those three additional plugins and you need to install those.

Please click on Begin insalling plugins.

Envato Toolkit
The Envato WordPress Toolkit enables you to access your Envato WordPress purchases from within your WordPress Dashboard. It allows you to not only install themes, but also to receive update notifications and update automatically, just like regular WordPress themes.
Visual Composer
The most advanced PageBuilder Plugin that is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required
Portfolio Plugin
This plugin an optional plugin but highly recommended for your portfolio. It has own features and single post options those compatible with portfolio details section. Your portfolio posts won't let go after you activated different themes on your site and that's the biggest reason why we are adding portfolio post type as in a custom plugin.

Note: This is a short video instruction but prepared on a different theme. If you see here some small difference please do not pay attention on them and just focus on the steps.

Configure Envato Toolkit Plugin

Envato Toolkit plugin requires MarketPlace username and API Key. You can get API key from your Settings tab of ThemeForest account. Lets provide those infomation and get theme update anytime and easily.

Step 4

You can get latest theme version easily with this Themes section after a while.

Step 2

Dash Click Demo Data Options

Theme has dedicated data option. You should click Dash of those link and select your desired Concept home page layout. Action will set a few important tasks including selection of Home page, Main navigation setting and Sidebar widgets when you click on Import Demo Data button.

Demo data

Demo data

Note: Please wait patiently for a while until imports all the content. Delay time is depends on your server upload speed but it won't be exceed than 2 minutes.

 

Full content Demo site setup

Previous option helps you to include minimized demo content on your site reason for quick include. But you can have full demo data with regular XML data imports.

  1. Go to Tools → Import
  2. Choose WordPress from the list.
  3. Upload the demo concept.xml using the form provided on download. (concept deltegates newspaper, movie, ...)
  4. You will be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
  5. You will then have the choice to import attachments, so click on the “Download and import file attachments” box.
  6. Please be patient while WordPress imports all the content. Posts, Pages, Projects, and Menus are imported. You will need assign the menu a theme location & you’ll need to configure widgets. This is a limitation of WordPress’ import system.

Note

Please make sure you backup your existing theme folder before updating. Additionally we recommend performing the update on a development site before making it on your live site.

Via Envato Toolkit Plugin (recommended)

Hope you have provided your account information in Envato Toolkit plugin. If you go to the Envato Toolkit => Themes page, you'll see similar to following image. Let's click on Update automatically link at right bottom. This is a most efficienat and easy way to integrate latest verion on your site.

After clicking to auto-update, you’ll see the confirmation that everything worked correctly.

Step 2

Via WordPress theme uploader

Go to the Appearance => Themes and activate another theme than Dash such as TwentyTwelve, TwentyThirteen or Dash child theme. Delete the old version of the theme because folder name existing error comes up when we try to install it without deletion. Then install the theme again as you see early in this documentation.

Via FTP client application

Usually updating a theme means replacing the old files with the new Dashs. You can see changelog.txt file from the new download archive and you can get updated files list as modified/added and deleted. Upload and overwrite those files on your theme directory.

If theme changed lots of files and you really hard to collect changed files, there is a better way to do it when it comes to WordPress themes.

WordPress treats two version of the same theme as different themes. That is, if you have Dash v1.2 and v1.3 in your wp-content/themes folder they are treated as two different themes independent of each other.

That means you can have multiple version of the same theme installed on your blog. So whenever there is a new version of your theme available, instead of replacing or deleting the files of the older version follow this procedure.

  1. Try to upload new theme archive to the site
  2. If the folder name of the new version clashes with the old version, rename the folder of new version.
  3. Upload the new version to your wp-content/themes folder via FTP or through the interface provided by your web host or by using the upload feature in WordPress.
  4. Activate the new version from your dashboard.

The main advantage of following the above procedure is you can quickly switch back to the old version of the theme if you find any problems with the new version or if it clashes with any plugins you are using.



Live Customize panel has many options those help you to control your site. You have to know only where your desired options exist and how they are capable of. Please take some time to navigate through each tab and read options' description.

Group Class Description
General Brand Color The color that styles active menu, links & hover, pagination and much. But if the color doesn't fit for your area, you can set correct Dash at specific areas. Those customizations won't be overwritten by this.
Title color
Text color
Text second color
Content background color
Footer background
Footer background
Menus
Menu locations
Font
Font Here is the font section which helps you to change the font.
Title font
Text font
Footer title font
Footer text font
Second text font
Header styles
Logo Image
Page title background image
Header Layouts Menu hide,menu search background,menu black background, menu no background.
Logo text font
Logo color
Logo font size
Content optionsMain content option 
Content font size
Content text line height
Social linksMain content option 
Social link permalinks
Social links at subfooter
Footer Options
Footer columnsSelect footer columns up to 6.
Footer title font size
Sub footer text
Background editMain content option 
Background boxed or full width layout
Background color
Background image
ExtrasExport/Import 
Custom CSS
General CSS
Tablet CSSScreen width between 768px and 991px
Wide PhDash CSSScreen width between 481px and 767px. Ex: iPhDash landscape.
PhDash CSSScreen width up to 480px. Ex: iPhDash portrait.
Widgets You can add your widgets here to sidebars and footer columns.
Static Front PageChoose your main pageFront page display

Header layouts configures header parts including header text logo, header background image, header layouts.

1.Header layouts image

Logo BG

Brand Color is the basic color of your website. It changes color of such things header login, text, menu item,slider button, main part icon,button etc.You can change brand color through customize's general option.

1.Customize's Brand Color option

Brand Color

After the installation, you can configure something on following place for Visual Composer. You might want to allow VC for your custom post types initially.


General Page Options


Additional VC Elements those comes with the theme

Visual composer has tons of elements that presents content view. But our theme has more advanced elements that enriches this beautiful theme. Please hit on the tab and find elements and use them for your need. Every element has a purpose and detailed options. You can see their live result on the demo pages. Enjoy :)

Additional Visual Composer Elements
Group Description & Used Concepts
Blog PostsShow your blog posts by category and by specific numbers.
ButtonHere you can change your button style.
Content sliderHere you can introduce your service and company by slider.
CounterHere you can show accomplished projects,clients with numbers and beautiful icons.
Google MapThe element allows options for you to fill overlay coloured layer and custom map marker image.
Heading sliderIt will show swiper slider of images.
Heading slider and videoHere is the you can add images and video. It will show your contents by swiper style.
Heading video It will show title with video linked button.
Image logoThe element shows your logo with permalink option.
Info boxInsert the information with icon and description.
PortfolioShow your portfolio posts by category and specific numbers.
Price blockIt will show your product price with details.
Progress BarShow your progress bar with animated and items selection. Also you can customize select two different style of "Standard & Circled".
Service elementThis element, you can add own company services here.
Simple imageThis element insert a simple image.
Team sliderManage your team member profile,job position using our team slider.
TestimonialTestimonial Slider Swiper Container.
TitleIt will show title with different styles.

You'll find Page options at bottom of your main editor. Please read the option name and description and use them for customize your every single page.

General Page Options

Our theme is compatible with Contact form 7 and please put following markup on the Form field of your form. Then your form turns similar into our style that presents on Contact page.

  
                             [text* text-456 class:form-input placeholder "Your name"] 
                             [text* text-456 class:form-input placeholder "Email address"]
                             [textarea textarea-217 class:form-textarea placeholder "message"]
                             [submit class:a-btn class:form-submit "Send Message"]
                          

Subscribe form

You can have subscribe form by MailChimp for WordPress plugin. Install the plugin and add a widget instance on footer sidebar area.

Our team will support every question about theme after purchase.

Sometimes hard to implement small css features by predefined options. Then we've prepared some helpful classes those can used on any custom places and style your content. Most of page builder elements have Extra class field and you can allow following classes on them.

Class name Description
.text-white Sets text color as white
.text-lightSets text color as white
.text-dark Sets text color as black
.text-thin-300 Sets text font weight 300
.text-center Text center
.text-right Text right
.text-left Text left
.list-inline Allows ul/ol to inline style.
.no-margin Disables element margin. Efficient usage is on Rows
.no-margin-top Disables element margin top
.no-margin-bottom Disables element margin bottom
.no-padding Disables element padding
.no-padding-top Disables element padding top
.no-padding-bottom Disables element padding bottom

We have used the following plugins, fonts & images. All fonts, images, icons used in this template are free for commercial use.

Fonts
Open source projects Images Premium Projects