Brainwave Documentation

revision #4 dated 27.01.2015

Introduction

Brainwave is theme, which is created to make impression on you and your customers. We offer you an up-to-date and really high quality work with outstanding design and well-thought usability approach. This template can help you to achieve a significant increase of the conversion rates and number of positive feedback, as well as will simply be a nice surprise for your customers.

Please do not forget to rate "Brainwave" on ThemeForest. This can be done in Downloads area. Just select "Brainwave" in the Download list and rate it. We really appreciate your feedback and will be grateful for your opinion.

Requirements For Brainwave

To use Brainwave, you must be running WordPress 3.5 or higher, PHP5.3 or higher, and mysql 5 or higher.

Below is a list of items you should ensure your host can comply with.

  • Check to ensure that your web host has the minimum requirements to run WordPress.
  • Always make sure they are running the latest version of WordPress.
  • You can download the latest release of WordPress from official WordPress website.
  • Always create secure passwords for FTP and Database.

Recommended PHP Configuration Limits

You can change php configuration on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

  • max_execution_time 180
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M

How To Install Theme

Watch "how to install theme" video

WordPress Installation

How To Install Brainwave via WordPress

  1. Navigate to Appearance > Themes.
  2. Click Install Themes and click the Upload button.
  3. Navigate to find the “Brainwave.zip” file on your computer and click “Install Now”
  4. Activate the newly installed theme by going to Appearance > Themes and clicking the Activate button.
  5. You will then see a notification message to install and activate required/recommended plugins: BW Portfolio, Contact Form 7, Visual Composer, WooCommerce.
  6. In the notification message, click the ‘Go Install Plugins’ button to go to the Install Plugins tab where you can install and activate the required & recommended plugins.
  7. Click on checkbox above each plugin checkbox, choose Install in Actions select and click on Apply button. After that they will be installed and activated automatically.

FTP Installation

How To Install Brainwave Via FTP

  1. Log into your hosting space via an FTP software.
  2. Unzip the Brainwave.zip file and ONLY use the extracted Brainwave theme folder.
  3. Upload the extracted Brainwave theme folder into wp-content > themes folder.
  4. Activate the newly installed theme by going to Appearance > Themes and clicking the Activate button.
  5. You will then see a notification message to install and activate required/recommended plugins: BW Portfolio, Contact Form 7, Visual Composer, WooCommerce.
  6. In the notification message, click the ‘Go Install Plugins’ button to go to the Install Plugins tab where you can install and activate the required & recommended plugins.
  7. Click on checkbox above each plugin checkbox, choose Install in Actions select and click on Apply button. After that they will be installed and activated automatically.

Plugin Installation

Brainwave includes 5 plugins that will may be installed and activated: BW Portfolio, WooCommerce, Contact Form 7, WP Tiles and Visual Composer. Contact Form 7, WP Tiles, WooCommerce and Visual Composer are recommended plugins. BW Portfolio is required plugin for BrainWave theme, it contain simple to use portfolio post type and many shortcodes. When you install Brainwave, you will get a notification message in your WordPress admin telling you of the recommended and required plugins.

Included Plugins With The Brainwave Theme

  • BW Portfolio – It is BrainWave theme addons plugin. Created by Us :)
  • WooCommerce – This plugin is free. The world's favorite eCommerce solution that gives you complete control to sell anything. Created by WooThemes
  • Contact Form 7 – This plugin is free. With it you can create and customize forms for any purpose. Created by Takayuki Miyoshi
  • WP Tiles – This plugin is free. With it youcan create and customize tiles galleries. Created by Mike Martel.
  • Visual Composer – This is drug and drop page builder plugin with frontend and backend editors created by WP Bakery.

Plugin Installation & Update Notification

When you install Brainwave or update Brainwave, you will receive a WordPress notification message letting you know to install or update the required and recommended plugins. Please follow the on screen prompts to install, activate or update.

Pages, Posts and Portfolio Options

"Headers" For Posts and Pages

Center color title

Praesent elementum ut risus at laoreet.

  • Header Size - Select with three variants: small, normal and large
  • Header Background Color - color of header background. ( NOTE: If you set feautered image on page, that value doesn't matter )
  • Background Fixed - Make sence only if you set feautered image
  • Header Overlay Color - there you can choose color for overlay your header image
  • Header Overlay Opacity - and there you can choose how much transparent overlay color will be
  • Title Text Align - Select with three parameters: left, right and center
  • Breadcrumb Show - Breadcrumbs can help divide pages on logical structure, and your visitors can easily keep in mind where each page located
  • Breadcrumb Position - If you decide to use breadcrumbs on page, you can also choose where it will be on your header: left, right, top or bottom
  • Breadcrumb Style - You can set your breadcrumbs text white or black with this simple select: light - white and dark - black respectively
  • Breadcrumb Background - You can turn on or off background of breadcrumbs. That will be white
  • Title Text Color - Color of title text
  • Title Font Weight - You can set values from 100 to 900. ( NOTE: For some fonts doesn't matter what weight you choose, for some of them available only a few of weight values ).
    See the difference:
    • 100
    • 200
    • 300
    • 400
    • 500
    • 600
    • 700
    • 800
    • 900
  • Title Letter Spacing - There you can set values from 0.01 to 0.99.
    Some examples:
    • 0.01
    • 0.11
    • 0.21
    • 0.31
    • 0.41
    • 0.51
    • 0.61
    • 0.71
    • 0.81
    • 0.91
  • Title Border - You can add border to your title
  • Title Border Color - And choose color for it
  • Header Subtitle - Also you can optionally add subtitle, or not

"Featured Carousel" For Posts

It's pretty simple: You click on "+ Add Image(s)" and choose images. If you want choose few images hold Ctrl button and click on images You want to add. If You want to remove image you click on cross in top right. After all images were added You must update post. That's all, enjoy carousel on post

"Display Page" For Page

Here You can choose how to display page in onepage, if You using onepage view.

  • Display Title in Onepage - defines display title for this page or not
  • Page Section - it make page section paddings smaller, normal or turn off them. For example you can use small for pages with less content, such as one little form. Also You can turn off paddings and add them for every row.
  • Show Page On Main - on/off displaying page in onepage.

"Section Background" For Page

Here You can set page background. Also You can choose background for every row on page.

  • Overlay Color - This is color of background if images not added, or overlay otherwise.
  • Overlay Opacity - Here You can choose how much transparent background color will be. For value 1 image will not be visible, for 0 color will not be visible.
  • Columns - Here You can choose how much columns will be on background. 1, 2, 3, 4 or 6 columns can be assigned.
  • Add Images - You can add image for background. You can sort them as You want. On phones visitors will see first image from list.
  • Add Empty - You can add empty background to offset next image for one column.

"Creative Header" For Page

Here You can set add creative slider that will be look like part of header (better works with large header).

  • Enable Creative Slider - Here You can turn on/off your slider.
  • Add Images - Each image will be new slide. You can sort them as You want.

"Masonry Size" For Portfolio

Here You can set size of portfolio cell in masonry grid for shortcode [portfolio] if You choose type "masonry". Available sizes: 1x1, 2x1 or 2x2.

"Categories" For Portfolio

You can add or remove portfolio categories, set or unset categories for each portfolio. To add category click on "+Add category", write name in field that will be displayed and then click on Add button below. To remove categories check them and click "-Remove category".

Warning: When removing categories, first uncheck all categories that You DON'T WANT to remove, and then check all what You want remove. You can not undo this action. If you don't sure - don't delete categories, You can simply don't use them.

Settings

General

OnePage

When this feature is on and in "Settings->Reading" choosed page on front, front-page of your site will show all pages in Primary Menu ( if not exist it will show all pages ), that marked with checkbox "Show Page On Main" in Page Options.

When feature off will be displayed "page on front", or latest posts

When in "Settings->Reading" You choose Latest Posts, this feature don't make sence.

Logo

You can upload logo image on Your site with Upload button. Overlay make sence if only You use menu type 3 or 4.

Font Settings

You can change font for all site with one block with font preview. There You can choose:
  • Font Family - Choose font from standart fonts, and awesome Google fonts
  • Font Weight & Style - font weight set the boldness of the font

Other fields could make your site not so beautiful or also will not change anything, if You not sure, better don't change them.

Footer

Here three fields:

  • Footer Sidebars Columns - actually changes columns in sidebar
  • Footer Company Text - name of company or site owner.
  • Footer Additional Text - if You have motto, it's great place to write it.

Subscribers

if You use subscribe form to database on your site, here will be displayed list of peoples that already subscribed. You can remove subscriber by click on cross near subscriber email, or export list in *.csv format, and import it to mail clients.

Links

This values defines home pages for Services, Contacts and Portfolio.

Portfolio popup

Here You can define how your portfolio posts will be opening: as post with ajax or in popup.

Custom CSS and JS

Here You can customize your site manually. If You don't know what is it, better don't change this areas.

404

Here You can set background image for 404 page. If someone will go to address that doesn't exist he will see image.

Under Construction

This feature can be useful when You just start making your site, or some changes for long time and don't want that visitors will see not completed site. Just turn it on and set some beautiful image on background.

When all work with site will done, turn this feature off and site will be displayed normally

Pages can have sidebars on left and right or both of them, or have not any sidebar.

Set colors for slider arrows

When this feature is on, pages will not be reloaded for show another page.

Blog

Pagination

Here You can choose how to display page navigation in blog page: all pages with prev/next arrows, or only prev/next arrows.

Layout

Blog and single post can have sidebars on left and right or both of them, or have not any sidebar.

Excerpt

Words count on each post in posts list.

Navigation in Single Post

Here You set display navigation in single post or not.

Meta

Here You can define, how display meta in post. You can turn off all meta, or turn off each part which You want: date, author, tags, comment. Also You can set date format.

Set menu variant that You like from our great menus: standart, with button, with button that open menu vertically. Also for first variant You can set menu fixed on top and hide on scroll down, on both last variants menu already always in right top.

If You use onepage feature, here You can set scrolling to page section on click when on, or redirect when off.

Choose colors for menu background, button and font.

Turn on/off menu in portfolio items.

Background

Set header options by default, they will be used when on page or post they are not defined. Upload image, set overlay color and opacity.

Title

Set title for pages that have not standart title. ( That not for pages or posts without title )

Variant

Onepage will be start from first page in menu list, without main header.

Image slider with custom content. Here You can set header overlay color and opacity, then add slides with Add Slide button, choose image for each slide and content. To delete slide click Delete button in slide tab.

Image slider with short text strings. Here You can set header overlay color and opacity, then add slides with Add Slide button, choose image for each slide and write short string that You want to display. To delete slide click Delete button in slide tab.

Content slider with video background. Here You can set header overlay color, opacity and Video for background. To add video click upload button and choose video from media gallery, then add slides with Add Slide button, add some content. You can also add images for each slide, but it will be show over video background. To delete slide click Delete button in slide tab.

Content slider with image background. Here You can set header overlay color, opacity and Image for background. To add image click upload button and choose image from media gallery, then add slides with Add Slide button, add some content. You can also add images for each slide, but it will not be show. To delete slide click Delete button in slide tab.

This is how content(left) and text(right) sliders look

Social Widget

In Social Widget tab You can see accordion with examples. You can edit them or delete and add new. To add new social link, push "Add Link". Accordion will grow for one tab. There are three fields:

  • Label - label will be used for title tab in accordion, its only for easily find tab which you need
  • Link - url on Your page in social network
  • Icon - icon of social network from font-awesome library

To delete social link open tab with it, and push "Delete Link" button. After all done, click "Save Changes"

In "Appearance->Widgets" You can find widget called "Social Icons" drag and drop it to one of three sidebars and choose icons theme: dark or light.

Import/Export

Here You can export or import your theme settings.

There are two ways to import your settings:

  • Import from File - click and paste copied data.
  • Import From URL - click and paste copied url.

With first variant You can use data copied from other Brainwave theme settings, or from file earlier downloaded from Brainwave theme settings.

There are three ways to export theme settings: Copy Data to quickly paste in Import from File field; Download Data File for store file with current settings on hard drive as backup; Copy Export URL for paste it on Import from URL field.

Demo Importer

Here You can import demo content.

It's simple: choose demo which You want to import, click "Import Demo" button and wait when all will be done. It's works best on clear, just installed wordpress.

Shortcodes

There are two ways use our Shortcodes:
  • Standart ( with [] ) - You can write [name-of-shortcode] and Wordpress will show exactly what You want
  • Visual Composer - just choose shortcode and customize it the way You want
Result will be the same, but with Visual Composer it's so much easier. Whatever below we will describe both of shortcode using.

[buttons]

[buttons] shortcode can help You simply add a button for different purpose on your site.

Wordpress Style

[buttons button_text="text on button" button_link="You may use button as link" button_size="btn-lg" button_type="btn-primary" icon_lib="fontawesome" icon_fontawesome="fa fa-asterisk" after_page="true"]
  • button_text - it's text that You see on button
  • button_size - four variants of size: btn, btn-lg, btn-xs, btn-sm
  • button_type - seven variants of buttons: btn-default, btn-primary, btn-success, btn-info, btn-danger, btn-warning, btn-link
  • button_link - you can put url here, and button will be used for redirect visitors to that url on click
  • icon_lib - icon library from four icon packs: fontawesome, etline, simpleline and elegant.
  • icon_fontawesome - icon from font-awesome library
  • icon_etline - icon from et-line library
  • icon_simpleline - icon from simple-line library
  • icon_elegant - icon from elegant-icons library
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container

Composer Style

Result

[contact]

[contact] shortcode created for add contact information about You, or your company.

Wordpress Style

[contact text="Contact Text" desc="Description of contact" icon_lib="fontawesome" icon_fontawesome="fa fa-anchor" after_page="true"]
  • text - phone number, address, email etc.
  • desc - description for contact, something like "Call Us" for phone number or "Say Hello" for email
  • icon_lib - icon library from four icon packs: fontawesome, etline, simpleline and elegant.
  • icon_fontawesome - icon from font-awesome library
  • icon_etline - icon from et-line library
  • icon_simpleline - icon from simple-line library
  • icon_elegant - icon from elegant-icons library
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container

Composer Style

Result

[counter]

[counter] shortcode can be used for some important for You numbers, such as years from company foundation or completed projects etc.

Wordpress Style

[counter text="HAPPY CLIENTS" animate="145" icon_lib="fontawesome" icon_fontawesome="fa fa-heart"]
  • text - description of number that You want to animate
  • animate - number that You will animate
  • icon_lib - icon library from four icon packs: fontawesome, etline, simpleline and elegant.
  • icon_fontawesome - icon from font-awesome library
  • icon_etline - icon from et-line library
  • icon_simpleline - icon from simple-line library
  • icon_elegant - icon from elegant-icons library
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container

Composer Style

Result

[features]

You can use [features] shortcode to highlight main capabilities of company. In Visual Composer it's always in container, when You write they by yourself, please do this with [features_container text="full-width features-list "][/features_container] at least.

Wordpress Style

[features_container text="full-width features-list" after_page="true"][features icon_fontawesome="fa fa-birthday-cake" text="High quality " service="et-icon-circle-compass"][features icon_fontawesome="fa fa-at" text="Fresh Design" service="et-icon-hotairballoon"][features icon_lib="etline" icon_etline="et-icon-video" text="Fully Responsive" service="et-icon-tablet"][features icon_lib="simpleline" icon_simpleline="icon-moustache" text="Well Documented" service="et-icon-book-open"][features icon_lib="elegant" icon_elegant="icon_adjust-vert" text="Fast Support" service="et-icon-tools-2"][features icon_fontawesome="fa fa-gift" text="Easy to use" service="et-icon-telescope"][/features_container]

  • icon_lib - icon library from four icon packs: fontawesome, etline, simpleline and elegant.
  • icon_fontawesome - icon from font-awesome library
  • icon_etline - icon from et-line library
  • icon_simpleline - icon from simple-line library
  • icon_elegant - icon from elegant-icons library
  • text - short feature description
  • text - this field uses for wrapper class
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container

Composer Style

Features container settings
Features settings

Result

[indents]

[indents] shortcode has many attributes, but all of them has similar structure. For example mt_lg - margin top large screens. It's add empty space with the spacified size. Margins can be negative number.

Wordpress Style

[indents mt="50" mt_lg="50" mt_md="50" mt_sm="50" mt_xs="50"]

  • mt - margin default
  • mt_lg - margin for large screens
  • mt_md - margin for medium screens
  • mt_sm - margin for small screens (tablets)
  • mt_xs - margin for extra small screens (mobile phones)

Composer Style

[layers-img]

[layers-img] can be used for creating animation with images. To create animation layers you need some images with the same size to be placed into the container with the class layers.

Wordpress Style

[layers_container][layers-img img="2467" delay="0.3" animation="fadeInLeft"][layers-img img="2466" delay="0.2" animation="fadeInLeft"][layers-img img="2465" animation="fadeInLeft"][/layers_container]

  • animation - animation for image. You can see animations on Animate.css site
  • delay - how much wait before animate in s
  • img - image id to animate
  • You can also use layer attribute if You dont want to use [layers_container]. [layers_container] will do it automatically.

Composer Style

Result

[bw_map]

Show your coordinates with [bw_map] shortcode. Set only longitute and latitude and all visitors will see where You are. You can also add text on marker and custom content which will be displaying when map is collapsed(horizontal map type).

Wordpress Style

[bw_map type="vertical" lon="29.975281" lat="31.137674" title="Hello" after_page="true"]Custom content that will show when map is collapsed[/bw_map]

  • type - How to display map. horizontal - as on screenshot; vertical - two column, content on left, map on right.
  • lon - Longitude
  • lat - Latitude
  • title - this text will be on marker
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container

Composer Style

Result

[portfolio]

Create beauty portfolio list with [portfolio] shortcode.

Wordpress Style

[portfolio columns="four" sort="title" order="desc" count="8" after_page="true"]

  • columns - five variants how each portfolio post will show: two, three, four, paralax and masonry
  • sort - You can choose how sort posts: title - by title, date - by date
  • order - posts will be ordered: asc - ascending, desc - descending
  • count - how many posts will displayed
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container

Composer Style

Result

[pricing]

Share your offers with visitors with [pricing] shortcode.

Wordpress Style

[pricing_container title="Standart" icon_lib="elegant" icon_elegant="icon_globe_alt" price="290$" per="Per Month" style="icon" url="#"][pricing text="Responsive Design"][pricing text="HTML5 & CSS3"][pricing text="Mailchimp Integrated" strike="true"][pricing text="SEO Optimized" strike="true"][pricing text="CSS3 Animation"][pricing text="Developer Friendly Code"][pricing text="Extensive Documentation"][/pricing_container]

  • title - Offer title
  • icon_lib - icon library from four icon packs: fontawesome, etline, simpleline and elegant.
  • icon_fontawesome - icon from font-awesome library
  • icon_etline - icon from et-line library
  • icon_simpleline - icon from simple-line library
  • icon_elegant - icon from elegant-icons library
  • price - offer price
  • per - offer period for which customer pays
  • style - choose from four beautiful styles: White, Dark, Transparent and With Icon
  • url - link to offer page
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container
  • text - offer advantage
  • strike - strikeout the text

Composer Style

Pricing container settings

Pricing text settings

Result

[project_details]

Ideally use [project_details] shortcode for portfolio posts.

Wordpress Style

[project_details project_client="Envato Users" project_date="2015-07-01" project_link="www.project-site.com"]

  • project_client - client name
  • project_date - date of project
  • project_link - url to project or demo
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container

Composer Style

Result

[promo-photo]

Create a great block of images with [promo-photo] shortcode.

Wordpress Style

[promo-photo img="53,51,52,54,55"]

  • img - list of images id separated by comma
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container

Composer Style

Result

[services]

[services] shortcode is simple but can be used for various purposes.

Wordpress Style

[services_container][services icon_fontawesome="fa fa-bell-o" text="BRANDING" service="et-icon-strategy"][services icon_lib="etline" icon_etline="et-icon-desktop" text="WEB DESIGN" service="et-icon-desktop"][services icon_fontawesome="fa fa-folder-open-o" text="GRAPHIC DESIGN" service="et-icon-tools"][services icon_lib="simpleline" icon_simpleline="icon-fire" text="DEVELOPMENT" service="et-icon-gears"][services icon_lib="elegant" icon_elegant="icon_pushpin_alt" text="PHOTOGRAPHY" service="et-icon-camera" title="Section"][/services_container]

  • icon_lib - icon library from four icon packs: fontawesome, etline, simpleline and elegant.
  • icon_fontawesome - icon from font-awesome library
  • icon_etline - icon from et-line library
  • icon_simpleline - icon from simple-line library
  • icon_elegant - icon from elegant-icons library
  • text - short service description
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container

Composer Style

Result

[skills]

Show how much You strong in different ways with [skills] shortcode.

Wordpress Style

[skills skill="Skill Name" percent="85"]

  • skill - skill name
  • percent - number from 1 to 100
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container

Composer Style

Result

[subscribe]

Create subscribe form on your site, and visitors can write there they own email for getting your newsletter.

Wordpress Style

[subscribe api_key="123abc123abc123abc123abc123abc12-ab12" list_id="123abc123abc12" header="Title of your form" text="You can also use this field for describe" placeholder="Email text field placeholder" btn_text="Text on button"]

  • variant - You can store subscriber list in local database or use MailChimp
  • header - title of your subscribe form
  • text - use this field for short description or anyway
  • placeholder - placeholder for email field
  • btn_text - text on button. by default it's "Subscribe"
  • api_key - Your MailChimp API key
  • list_id - Your MailChimp list ID, there subscriber will be stored
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container

Composer Style

Result

[text-rotator]

Make your text more beautiful with [text-rotator] shortcode.

Wordpress Style

[text-rotator text="Brainwave, just creative people, creative vision"]

  • animation - animation for image. You can see animations on Animate.css site
  • text - phrases separated by comma.
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container

Composer Style

Result

We are Brainwave, just creative people, creative vision

[slider]

It is only container for slides. We have 6 different slide types for You: clients, custom, image, team, testimonial and video. Try not to use slides of various types or sizes. Also You can use slides without [slider] container, but it will not be slider.

Wordpress Style

[slider dots="true" after_page="true"][/slider]

  • bg_img - background image for slider. Testimonial slides has not background for example.
  • arrows - don't show arrows
  • dots - don't show dots
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container

Composer Style

Result

Empty slider won't show you anything.

[clients_slide]

Show your clients with slider instead of list.

Wordpress Style

[client_slide client_url="#" client_logo="65"]

  • client_url - url to client site
  • client_logo - client logo image

Composer Style

Result

[custom_slide]

Unleash your imagination and make anything. The slider can display any content, although it can affect the design, so be careful.

Wordpress Style

[custom_slide]We are [text-rotator text="Brainwave, just creative people, creative vision"][/custom_slide]

Custom slide has not any attributes, but can show anything like forms, styled text, shortcodes, images etc.

Composer Style

Result

[img_slide]

Wordpress Style

[img_slide img="15"]

  • img - image ID.

Composer Style

Result

[team_slide]

Show your team with team slides.

Wordpress Style

[team_slide team_img="74" team_name="Chuck Norris" team_role="GURU DEVELOPER"]

  • team_img - image of employee
  • team_name - name, surname
  • team_role - post in company

Composer Style

Result

[testimonial_slide]

Make beautiful slider with people testimonials.

Testimonial slide has not background, please set background image on [slider].

Wordpress Style

[testimonial_slide testimonial_header="Praesent nec ipsum sagittis ante rutrum bibendum. Nulla facilisi. Donec in arcu porttitor, accumsan tortor non, auctor lacus. Praesent euismod. " testimonial_text="PEOPLE SAY " testimonial_author="Alex Rodriges, Example Inc."]

  • testimonial_header - header of slide, something like "People Say"
  • testimonial_text - text of quote
  • testimonial_author - author of quote

Composer Style

Result

[video_slide]

You have video on YouTube or Vimeo? Great! You can create slider with some of them.

Wordpress Style

[video_slide video_img="75" video_url="https://vimeo.com/49581518" video_title="FIRST TUTORIAL" video_subtitle="LET'S WHATCH OUR NEW VIDEO TUTORIAL"]

  • video_img - slide image
  • video_url - url of video
  • video_title - title of video
  • video_subtitle - short text that describes video

Composer Style

Result

[icon-tabs]

[icon-tabs] shortcode allow You add creative accordion with icons as tabs.

Wordpress Style

[icon_tabs_container][icon-tabs tab_id="Design" is_active="true" icon_lib="fontawesome" icon_fontawesome="fa fa-anchor"]Lorem ipsum, dolor sit amet.[/icon-tabs][/icon_tabs_container]

  • tab_id - Text that will be displayed in tab header.
  • is_active - Set this tab as active. Please don't set more then one tab as active.
  • icon_lib - icon library from four icon packs: fontawesome, etline, simpleline and elegant.
  • icon_fontawesome - icon from font-awesome library
  • icon_etline - icon from et-line library
  • icon_simpleline - icon from simple-line library
  • icon_elegant - icon from elegant-icons library
  • after_page - this attribute uses on many shortcodes to show current shortcode after all page content without container

Composer Style

Result