Cleanco - Wordpress Theme Documentation

by deTheme
● Created: 11/07/2014
● Latest update: 08/12/2016
● By deTheme
● email: support@detheme.com
First of all I would like to thank you for purchasing this theme and your support as a deTheme customer. If you have
any questions that are beyond the scope of this help file, please feel free to post your question in deTheme forum
support. Thanks so much!

Theme Overview
Fully Responsive
The Cleanco Wordpress Theme is built with Bootstrap Framework (http://getbootstrap.com/), the most popular front-
end framework for developing responsive, mobile first projects on the web, and Visual Composer for WordPress that
will save your time working on the site content.

Main Features
● New Navigation Layout (Logo on Left Navigation Icons)
● Booking Appointment tool
● Clean, Modern Design can be used for any type of website
● Built with HTML5 and CSS3
● Wordpress 4.0 compatible
● Built on the latest Boostrap 3
● 100% Fully Responsive WordPress Theme
● 600+ Google Fonts included
● Visual Composer included - $30 Value
● Slider Revolution included - 19$ Value
● Animation Scroll
● Touchable Carousel
● Animated Progress Progress Bar & Chart
● Google Map integration
● Custom Post Portfolio
● Custom Widget :
○ DT Accordion
○ DT Image Gallery
○ DT Post Image
○ DT Tabs
○ DT Twitter Slider
 ● Visual Composer custom add-on plugin :
○ DT Icon Box
○ DT Section Heading
○ DT Pricing Table
○ DT Portfolio Image
○ DT Carousel
○ DT Custom Team Item
○ DT Progress Bar Item
○ DT Circle Bar
○ DT Twitter Slider
○ DT Google Map
● Unlimited Color Options with Backend Color Picker
● SEO Optimized
● Unlimited Portfolio Pages
● Backgrounds with Parallax effect
● Unlimited custom sidebars
● Advanced Portfolio Options :
○ Masonry
○ Set up multiple Portfolio Pages
○ Square image full width
○ Fix height full width
○ Filterable categories
○ Pages can have left or right sidebar
● Advanced Blog Options :
○ Blog with masonry with 3 or 4 columns
○ Post format ready
○ Auto generated thumbnails
○ Pages can have left or right sidebar
○ Tons of options to add or remove meta data, featured images, full or excerpt, etc
● Built-in 404 Page
● Full width page
● Working contact form
● Interactive Logo, Menu & Search Bar
● Sticky Navigations
● Major Browser Compatibility
● Semantic & Clean Code
● HTML Extensive Documentation

Cross Browser
The Cleanco Wordpress Theme has been successfully tested with the major browsers.
● Mozilla Firefox
● Google Chrome
 ● Internet Explorer 11
● Safari
● Opera

Get Started
Wordpress Requirements
Cleanco requires at least WordPress version 4.5+ to work properly.

Installation
To install this theme you must have a working version of WordPress already installed. For information in regard to
installing the WordPress platform, please see the WordPress Codex.
Installing this theme is just like any other WordPress theme, either by uploading the main theme folder via FTP
(unzipped) or the zipped file via the Wordpress theme upload section
Using FTP
1. Log into your site via FTP
2. Browse to your folder located at wp-content/themes
3. Upload the MAIN theme folder. This is the folder located inside the "upload" folder in the zip file that you
downloaded from Themeforest.
4. Log Into Wordpress and go to Appearance > Themes
5. Find the theme and click to activate
Using WordPress
1. Log into your WP dashboard
2. Browse to Appearance > Themes
3. Click to "add new" and then follow the instructions on the screen
4. When it askes to select a file find the zipped theme folder located in the "upload" folder in the zip
downloaded from Themeforest.
After the theme activated, install plugins by clicking link Begin Installing Plugins. You need to install Detheme
Portfolio plugin, Cleanco Visual Composer Add On plugin, Detheme Megamenu plugin, WPBakery Visual Composer
plugin, Slider Revolution plugin, and Contact Form 7 plugin.

Required plugins.
 After the Detheme Portfolio plugin, Cleanco Visual Composer Add On plugin, Detheme Megamenu plugin,
WPBakery Visual Composer plugin, Slider Revolution plugin, and Contact Form 7 plugin installed, you need
to activate the plugins through menu Appearance > Install Plugins.
After the plugins active, Cleanco Theme is ready to use now !

To learn how to use WPBakery Visual Composer plugin please read WPBakery Visual Composer Plugin
Documentation.
WooCommerce Plugin Template
Cleanco theme supports WooCommerce Template. To understand how to use WooCommerce Plugin
please read WooCommerce Plugin Documentation.

Setting Up Demo Content

1. Demo Installer
Setting up the demo content is super easy with our Demo Installer.
Please, follow the steps below to import the demo data using the Demo Installer:
Step 1 - Log into your WordPress Dashboard.
Step 2 - Go to Appearance > Demo Install.
Step 3 - Choose a Demo, and scroll down to see more options if you want to skip importing some of demo
sections : Skip Content ; Skip menu, Skip theme option ; Skip Sidebar Widget ; Skip Media ; Skip Slide
Demo
Step 4 - Click the Install Demo button to start the import process.
Step 5 - Wait until the process is done and the page is reloaded. This may take a while. Do not
interrupt/cancel the import process!

The importer should be run only once. If something went wrong and you need to import the content again, you may
need to reset your WordPress.
Use this plugin to reset the WordPress database : http://wordpress.org/plugins/wordpress-database-reset

Warning, although importing demo will not remove your existing content. It is highly recommended for new
installations only.

2. Manual Demo Import

Some servers don’t support one click import. If you host your site on a sharing server or your server can’t handle the
import traffic, demo installer will fail. In this case follow these steps to perform manual demo install.

These steps are guidelines for a manual demo install. File names may vary depending on the Demo you are
installing.

Import Media files, Pages and Posts

Step 1 - From your dashboard click on Tools -> Import -> WordPress and install WordPress Importer.
Step 2 - Click on Activate plugin & run importer.
Step 3 - Click browse and locate demo_content/cleanco folder (from zip package previously downloaded
from Themeforest). Then choose demo_content.xml
Step 4 - Click Upload file and import.
Step 5 - Check Download and import file attachments.
Step 6 - Click Submit.
Step 7 - Wait for All done have Fun! message.

If you don’t get the All done have Fun! message go to Appearance -> Menus delete all the menus and start over
again until you get the message.

Theme Options
The theme comes packed with features that control the layout and extend the functionality of Cleanco Theme. This
section will document those features and how to use them. The theme comes with a simple to use administration
panel. You can access it by navigating to menu Appearance > Theme Options. The theme options in each tab
contains the options relating to a particular area of the theme. There are 10 tabs setting i.e Top Bar Settings, Main
Navigation Settings, Banner Settings, General Settings, Footer Settings, Styling Options, Advanced Settings, SEO
Settings, Theme Information & Update, and Import / Export.

Top Bar Settings

Top Bar will be displayed at the very top of the page. Top Bar is divided into 2 section content i.e the left section
content and the right section content.
The Top Bar Settings panel looks like below image :
Top Bar Settings

In Top Bar Settings tab, you can :

● show / hide top bar by clicking “Yes” or “No” buttons.
● setup the left section content and right section content of top bar.
The Top Bar looks like below image on top of web page:

Top Bar looked on frontend

You can add social icons in the top bar with the following steps :
Step 1 - Go to Appearance > Menu
Step 2 - Add css classes field by checking the CSS Classes on screen options.

Step 3 - Create new Custom Links

Step 4 - Copy the code name of the icon from Appearance > Theme Options > Icon Settings and put it in the CSS
Classes (Optional) field

Main Navigation Settings

In Main Navigation Settings tab you can :
● Show/hide the Navigation Bar.
● Set up Menu Source.
● Choose Layout Type(Logo on Left, Logo on Center, Logo on Right, Logo in the middle of menu, Logo on
Left Navigation Icons).
● Set up Menu Top Margin when layout type is “Logo on Center”, “Logo in the middle of menu” and “Logo on
Left Navigation Icons”
● Set up Menu Logo Top Margin when menu is revealed.
● Show/hide Search Bar.
● Show/hide Shopping Cart on menu.
● Set up Menu height (in em).
● Set up Logo Width (in pixel).
● Set up Alternate Text for Logo.
● Set up Logo position by setting up margin top and margin left.
● Sticky Menu.
● Set up Homepage Header Background Color.
● Set up Homepage Header Font Color.
● Set up Homepage Desktop Logo.
● Set up Homepage Header Background Color (Reveal) when menu is revealed and Homepage Header
Background Color is transparent.
● Set up Homepage Header Font Color (Reveal) when menu is revealed and Homepage Header Background
Color is transparent.
● Set up Homepage Desktop Logo (Reveal) when menu is revealed and Homepage Header Background
Color is transparent.
 ● Set up Subpage Header Background Color.
● Set up Subpage Header Font Color.
● Set up Subpage Desktop Logo.
● Set up Subpage Header Background Color (Reveal) when menu is revealed and Subpage Header
Background Color is transparent.
● Set up Subpage Header Font Color (Reveal) when menu is revealed and Subpage Header Background
Color is transparent.
● Set up Subpage Desktop Logo (Reveal) when menu is revealed and Subpage Header Background Color is
transparent.
● Choose Navigation Separator
● Setup Navigation Separator Border Color
The Main Navigation Settings panel looks like below image :

Main Navigation Settings

The Main Navigation Settings looks like below image on web page:
Main Navigation: Logo on Left Navigation Icons (frontend)

Main Navigation: Logo in the middle of menu (frontend)

Banner Settings
In Banner Settings tab you can :
● Show/hide Banner Section.
● Show/hide Page Title.
● Set up Page Title Color.
● Set up Background Banner (Page Banner Image, Image, Color, or None).
● Set up Banner Height (in pixel).
● Set up Shop Page Title.
● Set up Shop Banner Image.
The Banner Settings panel looks like below image :
Banner Settings

The Banner Settings looks like below image on web page:

The Banner looked on frontend

General Settings
In General Settings tab you can :
● Set up Website Main layout (Fullwidth Content, Content with Left Sidebar, or Content with Right Sidebar).
● Enable/Disable Boxed Layout.
● Set up Body Background Image for Boxed Layout
● Set up Body Background Color for Boxed Layout
● Set up Boxed Layout Background Image
● Set up Boxed Layout Background Color
● Set up Favicon image.
● Enable/Disable Lightbox 1st Visit.
● Set up The Title of the lightbox.
● Set up The Content of the lightbox.
● Set up Lightbox Delay in seconds.
● Set up Lightbox Cookie Expiry in hours.
● Enable/Disable Page Loader
● Enable/Disable Sticky Sidebar
● Set up Sticky Sidebar Position (Right or Left).
● Set up Sticky Sidebar Margin in pixel.
● Set up the content of exit popup. Read also Page Attributes & SEO to turn off Exit Popup on specific page.
● Enable/Disable Page Comment.
● Enable/Disable Post Comment.
● Enable/Disable Portfolio Comment.
● Set up 404 error text and image.
● Choose Image Modal Effects Option for gallery. There are up to 19 Modal Effects Option.
The General Settings panel looks like below image :
General Settings
Footer Settings
In Footer Settings tab you can :
● Show/hide Footer Page
● Select Footer Page to be displayed on footer
● Set up Footer Text to display logo or copyright text on footer.
● Show/hide Footer Widget
● Choose number of Footer Widget Columns.
● Set up Footer Background Color.
● Set up Footer Background Image.
● Set up Footer Font Color.
The Footer Settings panel looks like below image :

Footer Settings

The Footer with 3 column widget looks like below image on web page:
3 Columns Footer looked on frontend

Styling Options
Styling Options Tab is used to :
● Set up primary color
● Set up secondary color
● Set up Body Background color
● Set up Body Text Color
● Set up Body Text font. This Google font feature needs cURL Library to be installed and activated on web
server.
● Set up Heading Text Color
● Set up Heading Text font. This Google font feature needs cURL Library to be installed and activated on web
server.
● Set up Section Heading Text font. This Google font feature needs cURL Library to be installed and activated
on web server.
● Set up Quote Text font. This Google font feature needs cURL Library to be installed and activated on web
server.
● Set up Heading Text Style (Uppercase, Capitalize, None).
The Styling Options panel looks like below image :
Styling Options

Advanced Settings
Advanced Settings is used to facilitate the user to customize the template by adding the CSS code or Javascript /
Jquery code. Please be careful to use this feature. You must understand CSS code and Javascript/JQuery code to
use this feature. The Advanced Settings panel looks like below image :
Advanced Settings

SEO
SEO Settings is used to give a chance to user to add meta author, meta description, meta keyword, and custom code
to whole pages. If you want to add meta author, meta description, and meta keyword in specific page, please read
Page SEO.
SEO Settings Editor

The meta author, meta description, and meta keyword will be added into HTML as the following code :
<meta name="keywords" content="cleanco , wordpress template, template, wordpress">
<meta name="description" content="Cleanco is Perfect Wordpress Template For Any Website">
<meta name="author" content="Detheme Team">

While custom code is used to add additional code to the whole pages such as Google Analytic code etc. This code
will be added before the closing </body> tag.

Theme Information & Update

In Theme Information & Update Tab you can find some information about Cleanco Theme and set up your License
Number. You could enter your License Number with your Purchase Number from Themeforest.
The Theme Information & Update panel looks like below image :
Theme Information & Update

There will be New Version Available link on Cleanco thumbnail if there is any new version.

Cleanco New Version notification

Click Update Available link then click update now link on popup window to start updating the theme.

Import / Export
In Import / Export Tab is used to restore or backup Theme Options Data. The data to be imported or exported should
be in JSON format.
Import / Export Options

There are 2 alternative options ways to import Theme Options Data i.e Import from file or Import from URL.
1. Click Import from file button, copy and paste the JSON code from JSON file to text area, then start importing
data by clicking Import button.
2. An other way, Click Import from URL button, enter the URL of JSON file to text input, then start importing
data by clicking Import button.
There are 3 alternative options ways to export/back up Theme Options Data i.e Copy, Download, Copy Link.
1. Click Copy button, copy the JSON code from text area, paste the JSON code to a text file.
2. The simplest way to back up Theme Options Data is by clicking Download button, save, then you will
receive a JSON file.
3. An other way, Click Copy Link button, the URL will be displayed, then you can download file or show code
using that URL.

Page Attributes & SEO

Page Attributes
Each page in this theme has additional page attributes i.e.
Page Attributes

Hide Title
As default, page title is shown on top of page. But if you want to hide page title, you can do it by checking hide title
page attribute option.
Page with Title

Page without Title

Disable Lightbox 1st Visit

If you enable Lightbox 1st Visit option in General Settings, the lightbox will be displayed as popup in each pages
when lightbox cookie has expired. Check Disable Lightbox 1st Visit Option if you want to disable lightbox in this page.

Disable Page Loader

If you enable Page Loader option in General Settings, the Page Loader will be displayed in each pages while page is
loading. Check Disable Page Loader Option if you want to disable page loader in this page.

Disable Exit Popup

If you enter the content of exit popup in General Settings, a Popup will appear everytime you try to leave the page by
moving mouse to outside page area. Check Disable Exit Popup Option if you want to disable exit popup message in
this page.

Template
This theme comes with 6 custom page templates i.e Default Template, Blank – Default, Blank – Page Builder,
Fullwidth, Portfolio Template, and Woocommerce Page. Each template will have different options to choose.

Page Template Options

Banner Image
Each pages in this theme could have different banner image. To set the banner image for specific page, click Set
Bannner Image link and choose/upload the image.

Background Image
Each pages in this theme could have different background image. To set the background image for specific page,
click Set Background Image link and choose/upload the image. You also could set the background image style.
Page SEO
You could set Meta Author, Meta Keyword and Meta Description for each pages in this theme. If you let this fields
empty, Meta Author, Meta Keyword and Meta Description from Theme Options will be used. See also SEO Settings.

SEO Page Editor

Default Template
This is the default page template. If you choose this template, the page should looks like below image with sidebar on
left side, right side or no sidebar depends on Sidebar Position Option you choose. If you choose Default as Sidebar
Position, the sidebar position will follow the position of the sidebar which is set in Theme Options (See Main Layout in
General Settings). The content of the page in this template will be displayed with a certain margin from the edge of
the browser window.
Default Template looked on frontend
Blank - Default
Blank – Default Page Templates is used if you want to create a page without Navigation Bar, Footer, and Sidebar.
The content of the page in this template will be displayed with a certain margin from the edge of the browser window.

Blank - Page Builder

Blank – Page Builder Page Templates is used if you want to create a page without Navigation Bar, Footer, and
Sidebar. The content of the page in this template will be displayed full width without margin from the edge of the
browser window.

Fullwidth
If you choose this template, the content of the page will be displayed full width with no margin from the edge of the
browser window. Usually this template is used as homepage.

Fullwidth Template looked on frontend

Portfolio Template
If you choose this template, the page will show portfolio posts. (See also Portfolio).
You could choose Layout Type Options i.e. Squared Image (boxed), Image and Text (boxed), Squared Image (full)
and Fix Height Image (full).
Squared Image (boxed) Portfolio
Image and Text (boxed) Portfolio
Full Width Portfolio

Fix Height Image (full) Portfolio

You also could choose Column Options. If you choose 3 column, the portfolio will display portfolio images in 3
column. If you choose 4 column, the portfolio will display portfolio images in 4 column. Available number of column to
choose depends on Layout Type you choose.

Woocommerce Page
Woocommerce Page Template only available if you installed WooCommerce Plugin in your WordPress.
Woocommerce Page Template looks like Default Template. The difference is Woocommerce Page Template will
display Shop Sidebar Widget Area as Sidebar.
Woocommerce Page

Booking Appointment
Setting booking appointment with Bookly Lite is very easy and flexible.
Bookly Settings
In this section, you can set General, Company, Customers, Google Calendar, WooCommerce, Payments, Business
Hours and Holidays Settings.

Staff Members Settings

In this section you can manage information about a staff members. Fill in the details of the staff member information,
then the Services and Schedules provided by the staff member. Schedule is regular time that provided within one
week. Days off is the time for staff members who are not able to provide services that can be set at one year.
Booking Appointment on frontend

Portfolio
Cleanco Theme comes with Portfolio Custom Post. You could add new Portfolio by navigating to Portfolios > Add
New. When you add new portfolio, you could choose category or add new category for portfolio.
Add a featured image to portfolio post where the featured image will be displayed on Portfolio Template Page (See
Portfolio Template).
Portfolio featured images are displayed as thumbnails on Page with Portfolio Template Page

Add gallery to portfolio post where the gallery will be displayed on top of Portfolio Detail Page as slider. You also
could add information about client, date, and website in custom fields. This information also will be displayed on
Portfolio Detail Page.
Portfolio post editor where gallery, featured image and custom fields are added to the post.
Gallery and project detail information are displayed on Portfolio Detail Page.

Beside using Portfolio Template Page, you also could display portfolio on page using Cleanco Visual Composer Add
On Element (Read also DT Portfolio Image).

Cleanco Visual Composer Add on Elements

Cleanco Visual Composer Add on is a special Visual Composer Add On for Visual Composer Plug in.If you are new
using Visual Composer Plug in you could learn it on http://kb.wpbakery.com/index.php?title=Visual_Composer
There are 10 additional elements comes with DeTheme Theme i.e.
● DT Icon Box
● DT Section Heading
● DT Pricing Table
● DT Portfolio Image
● DT Carousel
● DT Custom Team Item
● DT Progress Bar Item
● DT Circle Bar
● DT Twitter Slider
● DT Google Map
These elements appears in page editor.

Cleanco Visual Composer Add On Elements.

DT Icon Box
DT Icon Box is used to display icons in content.
The element editor looks like below image :
DT Icon Box Editor

DT Section Heading
DT Section Heading is used to display heading text with or without icon in content.
The element editor looks like below image :
DT Section Heading Editor.
DT Pricing Table
DT Pricing Table is a container to display pricing table in content. You can add Price Item elements into this
container
DT Pricing Table editor looks like below image :

DT Pricing Table Container Editor.

Price Item Editor looks like below image :

DT Price Item Editor.

DT Pricing Table looks like below image on frontend :

Pricing Tables looked on frontend.

DT Portfolio Image
DT Portfolio Image element is used to display portfolio images in content. To add portfolio items please read
Portfolio
The element editor looks like below image :
DT Portfolio Image Editor.

DT Carousel
DT Carousel element is a container to display content in carousel.
The element editor looks like below image :
DT Carousel Container Editor.

After you add DT Carousel, you could add Visual Composer elements into DT Carousel element to display
as carousel item. For example the below Visual Composer elements :
DT Carousel Item Editor.

The above elements will look like below image on frontend with carousel effect animation :
DT Carousel looked on frontend.

DT Custom Team Item

DT Custom Team Item element is used to display team information, team foto or team social media links in
content.
The element editor looks like below image :
DT Custom Team Item Editor.

The element looks like below image on frontend :

DT Custom Team looked on frontend.

DT Progress Bar Item

DT Progress Bar Item element is used to display progress bar in content.
The element editor looks like below image :
DT Progress Bar element editor.

The element looks like below image on frontend with animation effect when it showed :

DT Progress Bar on frontend.

DT Circle Bar
DT Circle Bar element is used to display circle bar in content.
The element editor looks like below image :

DT Circle Bar editor.

The element looks like below image on frontend with animation effect when it showed :
DT Circle Bar looked on frontend.

DT Twitter Slider
DT Twitter Slider element is used to display tweets in slider in content. This feature needs cURL Library to
be installed and activated on web server.
The element editor looks like below image :
DT Twitter Slider Editor.

The element looks like below image on frontend :

DT Twitter Slider looked on frontend.

DT Google Map
DT Google Map element is used to display google map in content.
The element editor looks like below image :

DT Google Map Editor.

The element looks like below image on frontend :

DT Google Map looked on frontend.
Contact Form
Cleanco Theme using Contact Form 7 Plugin to create contact form in content. To make contact form looks like
below image, use the HTML code below.

Contact Form looked on frontend.

Go to menu Contact > Add New. Put the below code in Contact Form 7 plugin Form, please pay attention the class
attribute in html code. Then put the Contact Form 7 Element to Visual Composer Row.
<div class="col-xs-12"><p>Your Name<br />[text* your-name class:rounded class:no-border] </p></div>
<div class="col-xs-12 col-sm-6"><p>Your Email<br />[email* your-email class:rounded class:no-
border]</p></div>
<div class="col-xs-12 col-sm-6"><p>Subject<br />[text your-subject class:rounded class:no-
border]</p></div>
<div class="col-xs-12"><p>Your Message<br />[textarea your-message 40x2 class:rounded class:no-
border]</p></div>
<div class="col-xs-12"><p>[submit class:btn class:btn-default class:btn-primary-secondary class:rounded
class:no-border "Send"]</p></div>
Contact Form Editor.

Then go to page where you want to put the contact form. Put the Contact Form 7 Element to Visual Composer Row
and choose the contact form to use.

Add Contact Form 7 element into Visual Composer Row.

Visual Composer Contact Form 7 Element Editor.

Widgets
Go to Menu Appearance > Widgets and you will find that Cleanco Theme comes with 3 additional Widget Area i.e
Sticky Widget Area, Bottom Widget Area and Shop Sidebar Widget Area.
Sticky Widget Area will appear on sidebar and Widget Area will remain at the top of the page when the page is
scrolled down.
Bottom Widget Area will appear on footer section on each page.The Bottom Widget Area settings can be set at menu
Appearance > Theme Options > Footer Settings. See also Footer Settings.
Shop Sidebar Widget Area will appear only if you have Woocommerce plug in installed in your wordpress. Shop
Sidebar Widget Area will appear as sidebar on page that using WooCommerce Page as template. See also
WooCommerce Page Template.
Widget Areas.

There are 5 additional widgets comes with Cleanco Theme i.e DT Accordion, DT Image Gallery, DT Post Image, DT
Tabs and DT Twitter Slider.

DT Accordion
DT Accordion Widget is used to display information in a limited amount of space on widget areas. You can fill data up
to 4 panels in this Accordion Widget
The widget editor looks like below image :
DT Accordion Widget Editor.

The widget will be displayed like below image on sidebar

DT Accordion Widget looked on Sidebar Widget Area.

DT Image Gallery
DT Image Gallery Widget is used to display image gallery on widget areas.
The widget editor looks like below image. Create gallery by clicking Add Media.
DT Image Gallery Widget Editor.

The widget will be displayed like below image on sidebar. When you click the thumbnail, a pop up image will appear if
you link gallery settings to Media file.

DT Image Gallery WIdget looked on sidebar.

Recent Post Image
Recent Post Image Widget is used to display post images on widget areas. The post must have featured image in it
to make the post appears in this widget.
The widget editor looks like below image :

Recent Post Image Widget Editor.

The widget will be displayed like below image on sidebar :

DT Post Image Widget looked on frontend.

DT Tabs
DT Tabs Widget is used to display popular post, recent post and recent comment in tabs on widget area.
The widget editor looks like below image :

DT Tabs Editor Wdget Editor.

The widget will be displayed like below image on sidebar

DT Tabs Widget looked on frontend.

Meta
Meta is the element or tag in HTML or XHTML programming language that serves as a conduit of information from a
web page metadata.
The widget editor looks like below image :

Meta Widget Editor.

The widget will be displayed like below image on sidebar :

DT Twitter Slider looked on frontend.

Credits
● WordPress (https://wordpress.org/)
● Bootstrap front-end framework (http://getbootstrap.com/)
● Jquery Javascript Library (http://jquery.com/)
● Redux, Simple Options Framework (http://reduxframework.com/)
● Visual Composer: Page Builder for WordPress (http://codecanyon.net/item/visual-composer-page-builder-
for-wordpress/242431)
● Slider Revolution Responsive WordPress Plugin (http://codecanyon.net/item/slider-revolution-responsive-
wordpress-plugin/2751380)
● Contact Form 7 Plugin (http://wordpress.org/plugins/contact-form-7/)
● WooCommerce - a free eCommerce toolkit for WordPress (http://www.woothemes.com/woocommerce/)
● Modernizr Javascript Library (http://modernizr.com/)
● Fontello, Icon Fonts Generator (http://fontello.com/)
● Jquery Appear Plugin by Michael Hixson & Alexander Brovikov (https://github.com/bas2k/jquery.appear/)
● Isotope JQuery Plugin by David DeSandro / Metafizzy (http://isotope.metafizzy.co)
● Sequence, The Responsive Slider with Advanced CSS3 Transitions by Ian Lunn
(http://www.sequencejs.com)
● Jquery Validation Plugin by Jörn Zaefferer (http://bassistance.de/jquery-plugins/jquery-plugin-validation/)
● uisearch.js, cbpTooltipMenu.js, modalEffects.js, Slide Blur, Icon Hover Effects by Codrops
(http://www.codrops.com)
● Chart.js by Nick Downie (http://chartjs.org/)
● "Shades of Grey" Google Maps Style by Adam Krogh (http://snazzymaps.com/style/38/shades-of-grey)
 ● Owl Carousel (http://www.owlgraphic.com/owlcarousel/)
● Styleable select elements (http://github.hubspot.com/select/docs/welcome/)
● Reset CSS (http://meyerweb .com/eric/tools/css/reset/)
● Responsive CSS3 Multi-Level Menu (http://fofwebdesign.co.uk/freebies_for_websites/css/multi-rwd-menu-
js.htm)
● jQuery Tweetie - Simple Twitter Feed Plugin that works with new Twitter 1.1 API
(https://github.com/sonnyt/Tweetie)
● Share Button(http://sharebutton.co/)
● QueryLoader2 – Preload your images with ease (http://www.gayadesign.com/diy/queryloader2-preload-your-
images-with-ease/)
● jQuery Countdown (http://www.keith-wood.name/countdown.html)
------------------------------------------------------------------------------------------------------------------------------------------------------------
Again, thank you for purchasing this theme!
As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. If you have a more
general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your
question in the "Item Discussion" section.