Shortcodes

Teaser

[teaser type="text-box / icon-box / image-box" image="empty / image URL / image icon URL" icon="" title="This is Teaser" custom_bg_color="" custom_text_color="" custom_icon_bg_color="" custom_icon_color="" button_text="Read More" button_url="#" button_color="default / primary / success / info / warning / danger / transparent" arrow="none / left / right / bottom"]Content[/teaser]

Teaser shortcode options:

• type* — teaser type, leave only one option:
  • text-box — simple box without image or icon;
  • icon-box — font or image icon;
  • image-box — with full width image.
• image — image or icon URL for 'icon-box' and 'image-box' types;
• icon — font icon name 'icon-box' type, optional if use image icon;
• title* — teaser title;
• custom_bg_color — optional color for background;
• custom text color — optional color for text and title;
• custom_icon_bg_color — optional background color for icon circle;
• custom_icon_color — optional icon color;
• button_text — caption on the button;
• button_color — button color, choose one value;
• arrow — optional arrow, choose one value.

---

Button

Button Default Button Primary Button Success Button Info Button Warning Button Danger

Large Button Small Button

[btn color="default / primary / success / info / warning / danger / transparent" size="default / large / small" link="#" target=""]Caption[/btn]

Button shortcode options:

• color* — button color, choose one value;
• size* — button size, choose one value;
• link* — URL;
• target — link target: '_blank', '_self', '_parent'.

---

Tabs

• Tab Title
• Tab Title
• Tab Title

[tabs tab1="Tab Title" tab2="Tab Title" tab3="Tab Title"]
 [tab tab_number="1"]Tab Content[/tab]
 [tab tab_number="2"]Tab Content[/tab]
 [tab tab_number="3"]Tab Content[/tab]
[/tabs]

Tabs shortcode options:

• tab#* — title for the respective tab;
• tab_number* — pane number to associate with the correct tab.

---

Accordion

[accordion open_first="yes / no"]
 [accordion-item title="First Tab Title"]Your Text[/accordion-item]
 [accordion-item title="Second Tab Title"]Your Text[/accordion-item]
 [accordion-item title="Third Tab Title"]Your Text[/accordion-item]
[/accordion]

Tabs shortcode options:

• open_first* — open first tab or keep it closed;
• title* — tab title.

---

Pricing Table

[pricing_table title="Title" price="$99" price_description="monthly" button_text="Button" button_url="#"]
 [item]List Item[/item]
 [item]List Item[/item]
 [item]List Item[/item]
[/pricing_table]

Tabs shortcode options:

• title* — pricing option title;
• price* — option price;
• price_description* — price description;
• button_text — text on the button;
• button_url — URL for button link;

---

Messages

[alert type="warning / success / danger / info" close_button="yes / no"]Message[/alert]

Tabs shortcode options:

• type* — message type/color;
• close_button* — show close button or not.

---

Progressbar

[progressbar percentage="50" color="success / info / warning / danger"]Title[/progressbar]

Tabs shortcode options:

• percentage* — percentage value for progressbar;
• content* — progressbarbar title.

---

Gallery

• 
• 
• 

[[gallery columns="2 / 3 / 4"]]

Tabs shortcode options:

• columns* — number of columns.

---

Staff

[staff layout="carousel / grid" columns="2 / 3 / 4" show_only_ids=""]

Tabs shortcode options:

• layout* — carousel or grid layout;
• columns* — number of columns;
• show_only_ids — options IDs of posts to show, example value: 56,87,114.

---

Testimonials

[testimonials layout="carousel / grid" random="yes / no" columns="1 / 2 / 3 / 4" show_only_ids=""]

Tabs shortcode options:

• layout* — carousel or grid layout;
• random* — show in random order or by date;
• columns* — number of columns;
• show_only_ids — optional selected ID's of posts to show, example value: 56,87,114.

---

Blog

[blog layout="carousel / grid" posts_limit="" columns="1 / 2 / 3 / 4"]

Blog shortcode options:

• layout* — carousel or grid layout;
• posts_limit* — how many posts to show;
• columns* — number of columns.

---

Video

[video src="" mp4="" m4v="" webm="" ogv="" wmv="" flv="" poster="" loop="" autoplay="" preload=""]

This is the standard WordPress shortcode, you can read about it here.

---

Audio

[audio src="" mp3="" m4a="" ogg="" wav="" wma="" loop="" autoplay="" preload=""]

This is the standard WordPress shortcode, you can read about it here.

---

Embed

[embed width="auto"][/embed]

This is the standard WordPress shortcode, you can read about it here.

---

Helper

[helper type="gap / separator / clearfix" gap_height=""]

Blog shortcode options:

• type* — type of the helper element;
• gap_height* — height of the gap for "gap" type.