Shortcode Options

An overview of all theme shortcodes and their options

Online Docs Available Looks like you are looking at the offline docs. You can find possibly more up to date docs online here

Row

A Horizontal section to add content to.

Full Example

[vc_row swatch="swatch-white" text_shadow="no-shadow" inner_shadow="no-shadow" width="padded" class="" id="" label="" overlay_colour="#000000" overlay_opacity="0" overlay_grid="0" background_video_mp4="" background_video_webm="" background_image="" background_image_mobile="" background_image_size="cover" background_image_repeat="no-repeat" background_position_vertical="0" background_image_attachment="scroll" background_image_parallax="off" background_image_parallax_start="0" background_image_parallax_end="-80" section_color_set="" color_speed="2000" color_duration="4000" height="normal" transparency="opaque" vertical_alignment="top"] content goes here [/vc_row]

Options

Name Description Default
swatch Choose a color swatch for the section swatch-white
text_shadow Adds a text shadow to all the text in this row.
options : no-shadow, shadow 		no-shadow
inner_shadow Adds an inner shadow to the inside of this row.
options : no-shadow, shadow 		no-shadow
width Choose between padded-non padded section
options : padded, no-padded 		padded
class Add an optional class to the section (separated with spaces)
id Add an optional id to the section
label Add an optional label for this section, used in bullet nav tooltips
overlay_colour Set the colour of the video & image overlay #000000
overlay_opacity Set the opacity of the video & image overlay 0
overlay_grid Adds an overlay pattern image 0
background_video_mp4 Enter url of an mp4 video to use for this rows background.
background_video_webm Enter url of a webm video to use for this rows background.
background_image Choose an image to use for this rows background.
background_image_mobile Optional alternate image to use for this rows background on mobile.
background_image_size Set how the image will fit into the section
options : cover, auto 		cover
background_image_repeat Set how the image will be repeated
options : no-repeat, repeat-x, repeat-y, repeat 		no-repeat
background_position_vertical Set the vertical position of background image. 0 value represents the top horizontal edge of the section. Positive values will push the background image up. 0
background_image_attachment Set the way the background image is attached to the page. Scroll = normal Fixed = The background is fixed with regard to the viewport.
options : scroll, fixed 		scroll
background_image_parallax Toggles the background image parallax effect.
options : off, on 		off
background_image_parallax_start Sets the position of the image in pixels that the parallax effect will start from. 0
background_image_parallax_end Sets the percentage of the image in pixels that the parallax effect will end up at. -80
section_color_set Choose a color bundle used to animate the section backgrounds
color_speed Set the speed that the colors will change, in milliseconds 2000
color_duration Set the length of time each color will stay active between changes, in milliseconds 4000
height Section will vertically cover the entire viewport if Full Height is selected
options : normal, fullheight 		normal
transparency Section will be tranparent if On is selected
options : transparent, opaque 		opaque
vertical_alignment Align the content of the section vertically
options : top, middle, bottom 		top

Column

Column shortcode for use inside a row.

Full Example

[vc_column align="default" column_colour="" align_sm="default" extra_classes="" scroll_animation="none" scroll_animation_delay="0"] content goes here [/vc_column]

Options

Name Description Default
align Sets the alignment items in the column.
options : Default, left, center, right 		default
column_colour Set the background color of the column
align_sm Overrides the alignment in the column on small screens.
options : Default, left, center, right 		default
extra_classes Add any extra classes you need to add to this column. ( space separated )
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0

Heading

Creates a heading and optional sub heading.

Full Example

[heading sub_header="" header_type="h1" section_swatch_override="off" heading_colour="#000000" sub_header_size="normal" header_size="normal" header_weight="regular" header_align="left" header_condensed="not-condensed" header_underline="no-bordered-header" header_underline_size="bordered-normal" header_fade_out="off" extra_classes="" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0"] content goes here [/heading]

Options

Name Description Default
content Text that will be used for the header.
sub_header Text that will be used below the main header.
header_type Choose the type of header you want to use
options : h1, h2, h3, h4, h5, h6 		h1
section_swatch_override Set to On to override the swatch of the section
options : on, off 		off
heading_colour Set the color of the heading #000000
sub_header_size Choose size of the font to use in your sub header
options : normal, lead 		normal
header_size Choose size of the font to use in your header
options : normal, big, bigger, super, hyper 		normal
header_weight Choose weight of the font to use in the header
options : regular, black, bold, light, hairline 		regular
header_align Align the text shown in the header left, right or center.
options : default, left, center, right, justify 		left
header_condensed Adds padding to the sides of the heading creating a more condensed effect.
options : not-condensed, condensed 		not-condensed
header_underline Adds an underline effect below the header.
options : no-bordered-header, bordered 		no-bordered-header
header_underline_size Size of the underline.
options : bordered-normal, bordered-small 		bordered-normal
header_fade_out Fades the heading out when the heading leaves the page.
options : off, on 		off
extra_classes Space separated extra classes to add to the heading.
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0

Single Service

Displays a single service.

Full Example

[service service="" image_shape="round" image_size="big" icon_colour="#000000" icon_animation="bounce" icon_effect="on" background_colour="#e9e9e9" overlay_grid="0" show_image="show" link_image="on" show_title="show" link_title="on" title_size="normal" title_weight="regular" title_underline="no-bordered" title_underline_size="bordered-normal" show_excerpt="show" align="center" show_readmore="hide" readmore_text="Read more" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
service Select a service post to show.
image_shape
options : round, square, rect 		round
image_size
options : big, huge, normal, medium, small 		big
icon_colour Set the color of the icon ( svg & font awesome icons ) #000000
icon_animation Icon Animation that will occur when you hover over the service shape.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		bounce
icon_effect Change the icon/background colors on hover
options : on, off 		on
background_colour Set the color shape background. #e9e9e9
overlay_grid Adds a grid pattern to the shape background. 0
show_image
options : show, hide 		show
link_image
options : on, off 		on
show_title
options : show, hide 		show
link_title
options : on, off 		on
title_size Choose the size of the font to use in the title
options : normal, big, bigger, super, hyper 		normal
title_weight Choose the weight of the font to use in the title
options : regular, black, bold, light, hairline 		regular
title_underline Underline the title.
options : bordered, no-bordered 		no-bordered
title_underline_size Size of the underline.
options : bordered-normal, bordered-small 		bordered-normal
show_excerpt
options : show, hide 		show
align Sets the text alignment of the excerpt text and the read more link.
options : default, left, center, right, justify 		center
show_readmore
options : hide, show 		hide
readmore_text Customize your readmore link Read more
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Services

Displays a horizontal / vertical list of services.

Full Example

[services category="" count="3" columns="3" image_shape="round" image_size="big" icon_colour="#000000" icon_animation="bounce" icon_effect="on" background_colour="#e9e9e9" overlay_grid="0" show_image="show" link_image="on" show_title="show" link_title="on" title_size="normal" title_weight="regular" title_underline="no-bordered" title_underline_size="bordered-normal" show_excerpt="show" align="center" show_readmore="hide" readmore_text="Read more" orderby="none" order="ASC" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
category Category of services to show
count Number of services to show(set to 0 to show all) 3
columns Number of columns to show the services in
options : 2, 3, 4, 6 		3
image_shape
options : round, square, rect 		round
image_size
options : big, huge, normal, medium, small 		big
icon_colour Set the color of the icon ( svg & font awesome icons ) #000000
icon_animation Icon Animation that will occur when you hover over the service shape.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		bounce
icon_effect Change the icon/background colors on hover
options : on, off 		on
background_colour Set the color shape background. #e9e9e9
overlay_grid Adds a grid pattern to the shape background. 0
show_image
options : show, hide 		show
link_image
options : on, off 		on
show_title
options : show, hide 		show
link_title
options : on, off 		on
title_size Choose the size of the font to use in the title
options : normal, big, bigger, super, hyper 		normal
title_weight Choose the weight of the font to use in the title
options : regular, black, bold, light, hairline 		regular
title_underline Underline the title.
options : bordered, no-bordered 		no-bordered
title_underline_size Size of the underline.
options : bordered-normal, bordered-small 		bordered-normal
show_excerpt
options : show, hide 		show
align Sets the text alignment of the excerpt text and the read more link.
options : default, left, center, right, justify 		center
show_readmore
options : hide, show 		hide
readmore_text Customize your readmore link Read more
orderby Choose the way service items will be ordered.
options : none, title, date, ID, author, modified, menu_order, rand 		none
order Choose how services will be ordered.
options : ASC, DESC 		ASC
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Testimonials

Displays a list / slideshow of testimonials.

Full Example

[testimonials group="" count="3" show_image="show" speed="7000" randomize="off" text_align="center" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
group Group of testimonials to show
count Number of Testimonials to display(set to 0 to show all) 3
show_image Display the featured image as avatar
options : show, hide 		show
speed Set the speed of the slideshow cycling, in milliseconds 7000
randomize Randomize the ordering of the testimonials
options : on, off 		off
text_align Sets the text alignment of the blockquote and citation of the testimonial
options : left, center, right, justify 		center
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Testimonials List

Displays a list of testimonials.

Full Example

[testimonials_list group="" count="3" columns="3" show_image="show" testimonial_scroll_animation_timing="staggered" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
group Group of testimonials to show
count Number of Testimonials to display(set to 0 to show all) 3
columns Number of columns to show testimonials in
options : 1, 2, 3, 4, 6 		3
show_image Display the featured image as avatar
options : show, hide 		show
testimonial_scroll_animation_timing Will animate all testimonials at once or each one individually .
options : all-same, staggered 		staggered
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Staff List

Displays a list of staff members in columns.

Full Example

[staff_list department="" count="3" columns="3" show_position="show" show_social="show" item_size="full" item_overlay="strip" item_link_type="magnific" item_captions_below="hide" captions_below_link_type="item" item_caption_align="center" item_caption_vertical="middle" item_overlay_animation="fade-in" item_hover_filter="none" hover_filter_invert="image-filter-onhover" item_overlay_grid="0" item_overlay_icon="plus" item_scroll_animation_timing="staggered" orderby="none" order="ASC" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
department Populate your list from a department
count Number of members to display(set to 0 to show all) 3
columns Number of columns to show staff in
options : 2, 3, 4, 6 		3
show_position Display the staff position below the name
options : show, hide 		show
show_social
options : show, hide 		show
item_size Choose the size of images that will be loaded in the staff list
options : thumbnail, medium, large, full 		full
item_overlay Choose the type of hover overlay you would like to appear.
options : icon, caption, strip, none 		strip
item_link_type Select the link type to use for the item.
options : magnific, item, no-link 		magnific
item_captions_below Select a style to use for the staff list items.
options : hide, show 		hide
captions_below_link_type Makes the Captions Below Title a link.
options : magnific, item, no-link 		item
item_caption_align The text alignment of the caption text / title.
options : center, left, right, justify 		center
item_caption_vertical Vertical alignment of the caption title and text.
options : middle, top, bottom 		middle
item_overlay_animation What animation will be used to reveal the image hover overlay.
options : fade-in, fade-in from-top, fade-in from-bottom, fade-in from-left, fade-in from-right, fade-none 		fade-in
item_hover_filter Effects filter to apply to the image on hover.
options : none, sepia, grayscale, blur 		none
hover_filter_invert When to apply the Hover Effects Filter.
options : image-filter-onhover, image-filter-invert 		image-filter-onhover
item_overlay_grid Grid pattern to apply over the image on hover. 0
item_overlay_icon Icon to show on the hover overlay.
options : , allign-justify, allign-right, angle-down, angle-left, angle-right, angle-up, arrow-down-circle, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up, ballpoint, battery-empty, battery-full, battery, book, briefcase-closed, briefcase-empty, briefcase-full, brush, bullhorn, calculator, calendar, camera, clipboard, clock, cloud-download, cloud-upload, cloud, cog, cogs, compass, compass-alt, controls, danger, dashboard, disks, doc-alt, doc, docs, down-circle, download, drop, envelope-closed, envelope-full, envelope-open, eye, flag, flag-alt, floppy, folder-closed, folder-empty, folder-full, gift, glass, glasses, globe-alt, globe, graph, graph-alt, grid, heart, home, idea, imac, image, key, lifebuoy, link, list, macbook, map-pin, map, mic, minus-round, mobile, moon, movie, mug, music, network, padlock-closed, padlock-open, paperclip, pencil, phone, pie-chart, pirate, plus, plus-round, power, print, radio-active, recycle, ribbon-alt, ribbon, scissors, search, server, shield, shopping-basket, signal-strong, signal-weak, sound-full, sound-low, sound-mute, speech-bubble, star, sun, tablet, target, test, trashcan, tshirt-alt, tshirt, up-circle, upload, user, users, weather-cloudy-sun, weather-cloudy, weather-rainy, weather-snowy, weather-stormy, weather-sun-cloudy, wrench 		plus
item_scroll_animation_timing Will animate all staff at once or each one individually .
options : all-same, staggered 		staggered
orderby Choose the way staff items will be ordered.
options : none, title, date, ID, author, modified, menu_order, rand 		none
order Choose how staff will be ordered.
options : ASC, DESC 		ASC
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Single Staff

Displays a section about one member of staff.

Full Example

[staff_featured member="" show_position="show" show_social="show" item_size="full" item_overlay="strip" item_link_type="magnific" item_captions_below="hide" captions_below_link_type="item" item_caption_align="center" item_caption_vertical="middle" item_overlay_animation="fade-in" item_hover_filter="none" hover_filter_invert="image-filter-onhover" item_overlay_grid="0" item_overlay_icon="plus" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
member Select the staff member that will be featured
show_position Display the staff position below the name
options : show, hide 		show
show_social
options : show, hide 		show
item_size Choose the size of the image that will be loaded in the single-staff
options : thumbnail, medium, large, full 		full
item_overlay Choose the type of hover overlay you would like to appear.
options : icon, caption, strip, none 		strip
item_link_type Select the link type to use for the item.
options : magnific, item, no-link 		magnific
item_captions_below Select a style to use for the single-staff item.
options : hide, show 		hide
captions_below_link_type Makes the Captions Below Title a link.
options : magnific, item, no-link 		item
item_caption_align The text alignment of the caption text / title.
options : center, left, right, justify 		center
item_caption_vertical Vertical alignment of the caption title and text.
options : middle, top, bottom 		middle
item_overlay_animation What animation will be used to reveal the image hover overlay.
options : fade-in, fade-in from-top, fade-in from-bottom, fade-in from-left, fade-in from-right, fade-none 		fade-in
item_hover_filter Effects filter to apply to the image on hover.
options : none, sepia, grayscale, blur 		none
hover_filter_invert When to apply the Hover Effects Filter.
options : image-filter-onhover, image-filter-invert 		image-filter-onhover
item_overlay_grid Grid pattern to apply over the image on hover. 0
item_overlay_icon Icon to show on the hover overlay.
options : , allign-justify, allign-right, angle-down, angle-left, angle-right, angle-up, arrow-down-circle, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up, ballpoint, battery-empty, battery-full, battery, book, briefcase-closed, briefcase-empty, briefcase-full, brush, bullhorn, calculator, calendar, camera, clipboard, clock, cloud-download, cloud-upload, cloud, cog, cogs, compass, compass-alt, controls, danger, dashboard, disks, doc-alt, doc, docs, down-circle, download, drop, envelope-closed, envelope-full, envelope-open, eye, flag, flag-alt, floppy, folder-closed, folder-empty, folder-full, gift, glass, glasses, globe-alt, globe, graph, graph-alt, grid, heart, home, idea, imac, image, key, lifebuoy, link, list, macbook, map-pin, map, mic, minus-round, mobile, moon, movie, mug, music, network, padlock-closed, padlock-open, paperclip, pencil, phone, pie-chart, pirate, plus, plus-round, power, print, radio-active, recycle, ribbon-alt, ribbon, scissors, search, server, shield, shopping-basket, signal-strong, signal-weak, sound-full, sound-low, sound-mute, speech-bubble, star, sun, tablet, target, test, trashcan, tshirt-alt, tshirt, up-circle, upload, user, users, weather-cloudy-sun, weather-cloudy, weather-rainy, weather-snowy, weather-stormy, weather-sun-cloudy, wrench 		plus
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Portfolio

Displays a set of portfolio items in columns.

Full Example

[portfolio categories="" filters="" count="0" xs_col="2" sm_col="3" md_col="4" lg_col="5" layout_mode="fitRows" item_padding="15" pagination="none" item_size="portfolio-thumb" item_overlay="icon" item_link_type="magnific" item_captions_below="hide" captions_below_link_type="item" item_caption_align="center" item_caption_vertical="middle" item_overlay_animation="fade-in" item_hover_filter="none" hover_filter_invert="image-filter-onhover" item_overlay_grid="0" item_overlay_icon="plus" item_scroll_animation="none" item_scroll_animation_delay="0" item_scroll_animation_timing="staggered" orderby="menu_order" order="ASC" margin_top="short-top" margin_bottom="short-bottom"]

Options

Name Description Default
categories Categories to show (leave blank to show all)
filters Select which filters to show above the portfolio.
options : categories, sort, order
count Number of portfolio items to display ( 0 for all ) 0
xs_col Number of columns to use on mobile sized displays ( <768px) 2
sm_col Number of columns to use on tablet sized displays (>768px <992px) 3
md_col Number of columns to use on regular desktop displays (>992px <1200px) 4
lg_col Number of columns to use on large desktop displays (>1200x) 5
layout_mode Choose a method to layout the portfolio items in the list.
options : fitRows, masonry 		fitRows
item_padding Space to add between portfolio items in pixels. 15
pagination Select type of pagination to use for this portfolio list.
options : none, next_prev, pages 		none
item_size Choose the size of images that will be loaded in the portfolio (Portfolio Size can be changed on Theme Portfolio Options Page)
options : portfolio-thumb, thumbnail, medium, large, full 		portfolio-thumb
item_overlay Choose the type of hover overlay you would like to appear.
options : icon, caption, strip, buttons, buttons_only, none 		icon
item_link_type Select the link type to use for the item.
options : magnific, magnific-all, item, no-link 		magnific
item_captions_below Select a portfolio style to use for the portfolio items.
options : hide, show 		hide
captions_below_link_type Makes the Captions Below Title a link.
options : magnific, item, no-link 		item
item_caption_align The text alignment of the caption text / title.
options : center, left, right, justify 		center
item_caption_vertical Vertical alignment of the caption title and text.
options : middle, top, bottom 		middle
item_overlay_animation What animation will be used to reveal the image hover overlay.
options : fade-in, fade-in from-top, fade-in from-bottom, fade-in from-left, fade-in from-right, fade-none 		fade-in
item_hover_filter Effects filter to apply to the image on hover.
options : none, sepia, grayscale, blur 		none
hover_filter_invert When to apply the Hover Effects Filter.
options : image-filter-onhover, image-filter-invert 		image-filter-onhover
item_overlay_grid Grid pattern to apply over the image on hover. 0
item_overlay_icon Icon to show on the hover overlay.
options : , allign-justify, allign-right, angle-down, angle-left, angle-right, angle-up, arrow-down-circle, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up, ballpoint, battery-empty, battery-full, battery, book, briefcase-closed, briefcase-empty, briefcase-full, brush, bullhorn, calculator, calendar, camera, clipboard, clock, cloud-download, cloud-upload, cloud, cog, cogs, compass, compass-alt, controls, danger, dashboard, disks, doc-alt, doc, docs, down-circle, download, drop, envelope-closed, envelope-full, envelope-open, eye, flag, flag-alt, floppy, folder-closed, folder-empty, folder-full, gift, glass, glasses, globe-alt, globe, graph, graph-alt, grid, heart, home, idea, imac, image, key, lifebuoy, link, list, macbook, map-pin, map, mic, minus-round, mobile, moon, movie, mug, music, network, padlock-closed, padlock-open, paperclip, pencil, phone, pie-chart, pirate, plus, plus-round, power, print, radio-active, recycle, ribbon-alt, ribbon, scissors, search, server, shield, shopping-basket, signal-strong, signal-weak, sound-full, sound-low, sound-mute, speech-bubble, star, sun, tablet, target, test, trashcan, tshirt-alt, tshirt, up-circle, upload, user, users, weather-cloudy-sun, weather-cloudy, weather-rainy, weather-snowy, weather-stormy, weather-sun-cloudy, wrench 		plus
item_scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
item_scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
item_scroll_animation_timing Will load all portfolio items at once or each one individually .
options : all-same, staggered 		staggered
orderby Choose the way portfolio items will be ordered.
options : none, title, date, ID, author, modified, menu_order, rand 		menu_order
order Choose how portfolio will be ordered.
options : ASC, DESC 		ASC
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom

Masonry Portfolio

Displays a set of portfolio items using a masonry style.

Full Example

[portfolio_masonry categories="" filters="" count="0" pagination="none" item_size="full" item_padding="0" item_overlay="icon" item_link_type="magnific" item_link_target="_self" item_hover_filter="none" hover_filter_invert="image-filter-onhover" item_caption_align="center" item_caption_vertical="middle" item_overlay_animation="fade-in" item_overlay_grid="0" item_overlay_icon="plus" item_scroll_animation="none" item_scroll_animation_delay="0" item_scroll_animation_timing="staggered" margin_top="short-top" margin_bottom="short-bottom"]

Options

Name Description Default
categories Categories to show (leave blank to show all)
filters Select which filters to show above the portfolio.
options : categories, sort, order
count Number of portfolio items to display ( 0 for all ) 0
pagination Select type of pagination to use for this portfolio list.
options : none, next_prev, pages 		none
item_size Choose the size of images that will be loaded in the portfolio (Portfolio Size can be changed on Theme Portfolio Options Page)
options : portfolio-thumb, thumbnail, medium, large, full 		full
item_padding Space to add between portfolio items in pixels. 0
item_overlay Choose the type of hover overlay you would like to appear.
options : icon, caption, strip, buttons, buttons_only, none 		icon
item_link_type Select the link type to use for the item.
options : magnific, magnific-all, item, no-link 		magnific
item_link_target Where the link will open.
options : _self, _blank 		_self
item_hover_filter Effects filter to apply to the image on hover.
options : none, sepia, grayscale, blur 		none
hover_filter_invert When to apply the Hover Effects Filter.
options : image-filter-onhover, image-filter-invert 		image-filter-onhover
item_caption_align The text alignment of the caption text / title.
options : center, left, right, justify 		center
item_caption_vertical Vertical alignment of the caption title and text.
options : middle, top, bottom 		middle
item_overlay_animation What animation will be used to reveal the image hover overlay.
options : fade-in, fade-in from-top, fade-in from-bottom, fade-in from-left, fade-in from-right, fade-none 		fade-in
item_overlay_grid Grid pattern to apply over the image on hover. 0
item_overlay_icon Icon to show on the hover overlay.
options : , allign-justify, allign-right, angle-down, angle-left, angle-right, angle-up, arrow-down-circle, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up, ballpoint, battery-empty, battery-full, battery, book, briefcase-closed, briefcase-empty, briefcase-full, brush, bullhorn, calculator, calendar, camera, clipboard, clock, cloud-download, cloud-upload, cloud, cog, cogs, compass, compass-alt, controls, danger, dashboard, disks, doc-alt, doc, docs, down-circle, download, drop, envelope-closed, envelope-full, envelope-open, eye, flag, flag-alt, floppy, folder-closed, folder-empty, folder-full, gift, glass, glasses, globe-alt, globe, graph, graph-alt, grid, heart, home, idea, imac, image, key, lifebuoy, link, list, macbook, map-pin, map, mic, minus-round, mobile, moon, movie, mug, music, network, padlock-closed, padlock-open, paperclip, pencil, phone, pie-chart, pirate, plus, plus-round, power, print, radio-active, recycle, ribbon-alt, ribbon, scissors, search, server, shield, shopping-basket, signal-strong, signal-weak, sound-full, sound-low, sound-mute, speech-bubble, star, sun, tablet, target, test, trashcan, tshirt-alt, tshirt, up-circle, upload, user, users, weather-cloudy-sun, weather-cloudy, weather-rainy, weather-snowy, weather-stormy, weather-sun-cloudy, wrench 		plus
item_scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
item_scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
item_scroll_animation_timing Will load all portfolio items at once or each one individually .
options : all-same, staggered 		staggered
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom

Recent Posts Masonry

Displays a list of recent posts using Masonry.

Full Example

[recent_posts count="3" cat="" masonry_items_swatch="swatch-red-white" masonry_items_padding="8" scroll_animation_timing="staggered" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
count Total Number of posts to display. 3
cat Choose posts from a specific category
masonry_items_swatch Choose a color swatch for the posts swatch-red-white
masonry_items_padding Space to add between Masonry items in pixels. 8
scroll_animation_timing Will animate all posts at once or each one individually .
options : all-same, staggered 		staggered
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Recent Posts

Displays a simple list of recent posts.

Full Example

[recent_posts_simple count="3" columns="3" cat="" scroll_animation_timing="staggered" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
count Total Number of posts to display. 3
columns Number of posts to display per row
options : 2, 3, 5, 4, 6 		3
cat Choose posts from a specific category
scroll_animation_timing Will animate all posts at once or each one individually .
options : all-same, staggered 		staggered
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Google Map

Adds a Google Map to the page.

Full Example

[map map_type="ROADMAP" map_style="regular" auto_center="auto" center_latlng="" map_zoom="15" map_scrollable="on" marker="show" label="" address="" latlng="" height="500" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
map_type Choose a type of map to show from Google Maps.
options : ROADMAP, SATELLITE, TERRAIN, HYBRID 		ROADMAP
map_style Set a drawing style for the map.
options : blackwhite, regular 		regular
auto_center Sets the center the map automatically based on the markers, or manually.
options : auto, manual 		auto
center_latlng Latitude and Longitude position to center the Map (separate lat and long with commas).
map_zoom Sets the zoom level of the map. NOTE - will be overridden by the auto center map option 15
map_scrollable Toggles draggable scrolling of the map.
options : on, off 		on
marker Toggle showing or hiding the small marker points on your map.
options : hide, show 		show
label Labels to show above the marker. Divide labels with pipe character |
address Addresses to show markers. Divide addresses with pipe character |
latlng Latitude and Longitude of markers(separate with commas), if you dont want to use address. Divide markers with pipe character |
height Map height in pixels. 500
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Pie Chart

Creates a circular chart to show a % value.

Full Example

[pie track_colour="" bar_colour="" icon="" icon_animation="none" percentage="50" size="200" line_width="20" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
track_colour Choose the chart track colour
bar_colour Choose the chart bar colour
icon Choose a chart icon
icon_animation Choose an icon animation
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
percentage Percentage of the pie chart 50
size Set the size of the chart 200
line_width Set the width of the charts line 20
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Counter

Creates a circular counter to show an integer value.

Full Example

[counter initvalue="0" value="" format="(,ddd)" align="center" counter_size="normal" counter_weight="regular" underline="bordered" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
initvalue Starting value of the circular counter before the animation. 0
value Value of the circular counter
format Sets format that the number in the counter will use.
options : (,ddd), (,ddd).dd, (.ddd),dd, ( ddd),dd, d 		(,ddd)
align Sets the text alignment of the lead text.
options : default, left, center, right, justify 		center
counter_size Choose the size of the font to use in the counter
options : normal, super, hyper 		normal
counter_weight Choose the weight of the font to use in the counter
options : regular, black, bold, light, hairline 		regular
underline Underline the number.
options : bordered, no-bordered 		bordered
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Pricing Column

Displays a price info column.

Full Example

[pricing heading="" featured="false" pricing_background_colour="#82c9ed" pricing_foreground_colour="#FFFFFF" show_price="true" pricing_colour="#FFFFFF" pricing_background="#82c9ed" price="" currency="&#36;" custom_currency="" per="" list="" show_button="true" button_text="" button_link="" button_background_colour="#FFFFFF" button_foreground_colour="#82c9ed" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
heading Heading text of the column
featured
options : false, true 		false
pricing_background_colour Set the background color of the Pricing Column #82c9ed
pricing_foreground_colour Set the foreground color of the Pricing Column #FFFFFF
show_price
options : true, false 		true
pricing_colour Set the color of the Price #FFFFFF
pricing_background Set the background of the Price #82c9ed
price Price to show at top of the column.
currency Price currency to show next to the price.
options : $, €, £, ¥, custom 		$
custom_currency If custom currency selected enter the html code here. e.g. ₧
per Text to show after the price.
list List of items to put in the column under the price. Divide categories with linebreaks (Enter)
show_button
options : true, false 		true
button_text Text to inside the button at the bottom of the column.
button_link Link that the button will point to.
button_background_colour Set the background color of the button #FFFFFF
button_foreground_colour Set the foreground color of the button #82c9ed
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Features List

Displays a list of features.

Full Example

[features_list show_connections="hide" connection_line_colour="#82c9ed" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
show_connections Show / Hide a connecting dotted line between features.
options : hide, show 		hide
connection_line_colour Set the colour of the connection dotted line. #82c9ed
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Feature

Displays a shape with an icon alongside some text.

Full Example

[feature show_icon="show" fa_icon="" svg_icon="" icon_color="#FFFFFF" background_color="#82c9ed" animation="" title="" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
show_icon Show / Hide the icon on the left.
options : show, hide 		show
fa_icon Select a font awesome icon that will appear in your features shape.
options : , 500px, adjust, adn, align-center, align-justify, align-left, align-right, amazon, ambulance, anchor, android, angellist, angle-double-down, angle-double-left, angle-double-right, angle-double-up, angle-down, angle-left, angle-right, angle-up, apple, archive, area-chart, arrow-circle-down, arrow-circle-left, arrow-circle-o-down, arrow-circle-o-left, arrow-circle-o-right, arrow-circle-o-up, arrow-circle-right, arrow-circle-up, arrow-down, arrow-left, arrow-right, arrow-up, arrows, arrows-alt, arrows-h, arrows-v, asterisk, at, automobile, backward, balance-scale, ban, bank, bar-chart-o, barcode, bars, battery-0, battery-1, battery-2, battery-3, battery-4, battery-empty, battery-full, battery-half, battery-quarter, battery-three-quarters, bed, beer, behance, behance-square, bell, bell-o, bell-slash, bell-slash-o, bicycle, binoculars, birthday-cake, bitbucket, bitbucket-square, bitcoin, black-tie, bold, bolt, bomb, book, bookmark, bookmark-o, briefcase, btc, bug, building, building-o, bullhorn, bullseye, bus, buysellads, cab, calculator, calendar, calendar-check-o, calendar-minus-o, calendar-o, calendar-plus-o, calendar-times-o, camera, camera-retro, car, caret-down, caret-left, caret-right, caret-square-o-down, caret-square-o-left, caret-square-o-right, caret-square-o-up, caret-up, cart-arrow-down, cart-plus, cc, cc-amex, cc-diners-club, cc-discover, cc-jcb, cc-mastercard, cc-paypal, cc-stripe, cc-visa, certificate, chain, chain-broken, check, check-circle, check-circle-o, check-square, check-square-o, chevron-circle-down, chevron-circle-left, chevron-circle-right, chevron-circle-up, chevron-down, chevron-left, chevron-right, chevron-up, child, chrome, circle, circle-o, circle-o-notch, circle-thin, clipboard, clock-o, clone, cloud, cloud-download, cloud-upload, cny, code, code-fork, codepen, coffee, cog, cogs, columns, comment, comment-o, commenting, commenting-o, comments, comments-o, compass, compress, connectdevelop, contao, copy, copyright, creative-commons, credit-card, crop, crosshairs, css3, cube, cubes, cut, cutlery, dashboard, dashcube, database, dedent, delicious, desktop, deviantart, diamond, digg, dollar, dot-circle-o, download, dribbble, dropbox, drupal, edit, eject, ellipsis-h, ellipsis-v, empire, envelope, envelope-o, envelope-square, eraser, eur, euro, exchange, exclamation, exclamation-circle, exclamation-triangle, expand, expeditedssl, external-link, external-link-square, eye, eye-slash, eyedropper, facebook, facebook-official, facebook-square, fast-backward, fast-forward, fax, female, fighter-jet, file, file-archive-o, file-audio-o, file-code-o, file-excel-o, file-image-o, file-movie-o, file-o, file-pdf-o, file-photo-o, file-picture-o, file-powerpoint-o, file-sound-o, file-text, file-text-o, file-video-o, file-word-o, file-zip-o, files-o, film, filter, fire, fire-extinguisher, firefox, flag, flag-checkered, flag-o, flash, flask, flickr, floppy-o, folder, folder-o, folder-open, folder-open-o, font, fonticons, forumbee, forward, foursquare, frown-o, futbol-o, gamepad, gavel, gbp, ge, gear, gears, genderless, get-pocket, gg, gg-circle, gift, git, git-square, github, github-alt, github-square, gittip, glass, globe, google, google-plus, google-plus-square, google-wallet, graduation-cap, group, h-square, hacker-news, hand-grab-o, hand-lizard-o, hand-o-down, hand-o-left, hand-o-right, hand-o-up, hand-paper-o, hand-peace-o, hand-pointer-o, hand-rock-o, hand-scissors-o, hand-spock-o, hand-stop-o, hdd-o, header, headphones, heart, heart-o, heartbeat, history, home, hospital-o, hotel, hourglass, hourglass-1, hourglass-2, hourglass-3, hourglass-end, hourglass-half, hourglass-o, hourglass-start, houzz, html5, i-cursor, ils, image, inbox, indent, industry, info, info-circle, inr, instagram, institution, internet-explorer, ioxhost, italic, joomla, jpy, jsfiddle, key, keyboard-o, krw, language, laptop, lastfm, lastfm-square, leaf, leanpub, legal, lemon-o, level-down, level-up, life-bouy, life-ring, life-saver, lightbulb-o, line-chart, link, linkedin, linkedin-square, linux, list, list-alt, list-ol, list-ul, location-arrow, lock, long-arrow-down, long-arrow-left, long-arrow-right, long-arrow-up, magic, magnet, mail-forward, mail-reply, mail-reply-all, male, map, map-marker, map-o, map-pin, map-signs, mars, mars-double, mars-stroke, mars-stroke-h, mars-stroke-v, maxcdn, meanpath, medium, medkit, meh-o, mercury, microphone, microphone-slash, minus, minus-circle, minus-square, minus-square-o, mobile, mobile-phone, money, moon-o, mortar-board, motorcycle, mouse-pointer, music, navicon, neuter, newspaper-o, object-group, object-ungroup, odnoklassniki, odnoklassniki-square, opencart, openid, opera, optin-monster, outdent, pagelines, paint-brush, paper-plane, paper-plane-o, paperclip, paragraph, paste, pause, paw, paypal, pencil, pencil-square, pencil-square-o, phone, phone-square, photo, picture-o, pie-chart, pied-piper, pied-piper-alt, pied-piper-square, pinterest, pinterest-p, pinterest-square, plane, play, play-circle, play-circle-o, plug, plus, plus-circle, plus-square, plus-square-o, power-off, print, puzzle-piece, qq, qrcode, question, question-circle, quote-left, quote-right, ra, random, rebel, recycle, reddit, reddit-square, refresh, registered, renren, reorder, repeat, reply, reply-all, retweet, rmb, road, rocket, rotate-left, rotate-right, rouble, rss, rss-square, rub, ruble, rupee, safari, save, scissors, search, search-minus, search-plus, sellsy, send, send-o, server, share, share-alt, share-alt-square, share-square, share-square-o, shekel, sheqel, shield, ship, shirtsinbulk, shopping-cart, sign-in, sign-out, signal, simplybuilt, sitemap, skyatlas, skype, slack, sliders, slideshare, smile-o, soccer-ball-o, sort, sort-alpha-asc, sort-alpha-desc, sort-amount-asc, sort-amount-desc, sort-asc, sort-desc, sort-down, sort-numeric-asc, sort-numeric-desc, sort-up, soundcloud, space-shuttle, spinner, spoon, spotify, square, square-o, stack-exchange, stack-overflow, star, star-half, star-half-empty, star-half-full, star-half-o, star-o, steam, steam-square, step-backward, step-forward, stethoscope, sticky-note, sticky-note-o, stop, street-view, strikethrough, stumbleupon, stumbleupon-circle, subscript, subway, suitcase, sun-o, superscript, support, table, tablet, tachometer, tag, tags, tasks, taxi, television, tencent-weibo, terminal, text-height, text-width, th, th-large, th-list, thumb-tack, thumbs-down, thumbs-o-down, thumbs-o-up, thumbs-up, ticket, times, times-circle, times-circle-o, tint, toggle-down, toggle-left, toggle-off, toggle-on, toggle-right, toggle-up, trademark, train, transgender, transgender-alt, trash, trash-o, tree, trello, tripadvisor, trophy, truck, try, tty, tumblr, tumblr-square, turkish-lira, tv, twitch, twitter, twitter-square, umbrella, underline, undo, university, unlink, unlock, unlock-alt, unsorted, upload, usd, user, user-md, user-plus, user-secret, user-times, users, venus, venus-double, venus-mars, viacoin, video-camera, vimeo, vimeo-square, vine, vk, volume-down, volume-off, volume-up, warning, wechat, weibo, weixin, whatsapp, wheelchair, wifi, wikipedia-w, windows, won, wordpress, wrench, xing, xing-square, y-combinator, yahoo, yc, yelp, yen, youtube, youtube-play, youtube-square
svg_icon Select a svg icon that will appear in your section shape.
options : , allign-justify, allign-right, angle-down, angle-left, angle-right, angle-up, arrow-down-circle, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up, ballpoint, battery-empty, battery-full, battery, book, briefcase-closed, briefcase-empty, briefcase-full, brush, bullhorn, calculator, calendar, camera, clipboard, clock, cloud-download, cloud-upload, cloud, cog, cogs, compass, compass-alt, controls, danger, dashboard, disks, doc-alt, doc, docs, down-circle, download, drop, envelope-closed, envelope-full, envelope-open, eye, flag, flag-alt, floppy, folder-closed, folder-empty, folder-full, gift, glass, glasses, globe-alt, globe, graph, graph-alt, grid, heart, home, idea, imac, image, key, lifebuoy, link, list, macbook, map-pin, map, mic, minus-round, mobile, moon, movie, mug, music, network, padlock-closed, padlock-open, paperclip, pencil, phone, pie-chart, pirate, plus, plus-round, power, print, radio-active, recycle, ribbon-alt, ribbon, scissors, search, server, shield, shopping-basket, signal-strong, signal-weak, sound-full, sound-low, sound-mute, speech-bubble, star, sun, tablet, target, test, trashcan, tshirt-alt, tshirt, up-circle, upload, user, users, weather-cloudy-sun, weather-cloudy, weather-rainy, weather-snowy, weather-stormy, weather-sun-cloudy, wrench
icon_color Set the colour of the icon ( svg & font awesome icons ) #FFFFFF
background_color Set the colour shape background. #82c9ed
animation Choose a hover animation for the feature icon.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp
title Choose a title for your featured item.
content Content to show below title.
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Slideshow

Adds a Flexslider slideshow to the page.

Full Example

[slideshow flexslider="" animation="slide" direction="horizontal" duration="600" speed="7000" autostart="true" directionnav="hide" itemwidth="" showcontrols="show" controlsposition="inside" controlsalign="center" controls_vertical="bottom" captions="show" captions_horizontal="left" tooltip="hide" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
flexslider Populate your slider with one of the slideshows you created
animation Select how your slider animates
options : slide, fade 		slide
direction Select the direction your slider slides
options : horizontal, vertical 		horizontal
duration Select how long each color will stay, in milliseconds 600
speed Select how fast the colors will change, in milliseconds 7000
autostart Start slideshow automatically
options : true, false 		true
directionnav
options : show, hide 		hide
itemwidth Set width of the slider items( leave blank for full )
showcontrols
options : show, hide 		show
controlsposition
options : inside, outside 		inside
controlsalign
options : center, left, right 		center
controls_vertical
options : top, bottom 		bottom
captions
options : show, hide 		show
captions_horizontal Choose among left, right and alternate positioning
options : left, right, alternate 		left
tooltip Show tooltip if Item width option is set
options : show, hide 		hide
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Image

Displays an image.

Full Example

[vc_single_image image="" size="medium" image_stretch="normalwidth" alt="" title="" overlay="icon" item_link_type="magnific" link="" link_target="_self" captions_below="hide" captions_below_link_type="item" caption_title="" caption_text="" caption_align="center" hover_filter="none" hover_filter_invert="image-filter-onhover" button_text_zoom="View Larger" button_text_details="More Details" overlay_caption_vertical="middle" overlay_animation="fade-in" overlay_grid="0" overlay_icon="link" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
image Place the source path of the image here
size Select the dimensions of the image that will be used. See Settings -> Media for sizes.
options : thumbnail, medium, large, full 		medium
image_stretch Allows you to make the image stretch to fit its container.
options : normalwidth, fullwidth 		normalwidth
alt Place the alt of the image here
title Place the title attribute of the image here
overlay Choose the type of hover overlay you would like to appear.
options : icon, caption, strip, buttons, buttons_only, none 		icon
item_link_type Select the link type to use for the item.
options : magnific, item, no-link 		magnific
link Link that the item will link to if you select link in Item Link Type
link_target Where the link will open.
options : _self, _blank 		_self
captions_below Show captions below image.
options : hide, show 		hide
captions_below_link_type Makes the Captions Below Title a link.
options : magnific, item, no-link 		item
caption_title This text will be used for the caption title.
caption_text This text will be shown below the caption title.
caption_align The text alignment of the caption text / title.
options : left, center, right, justify 		center
hover_filter Effects filter to apply to the image on hover.
options : none, sepia, grayscale, blur 		none
hover_filter_invert When to apply the Hover Effects Filter.
options : image-filter-onhover, image-filter-invert 		image-filter-onhover
button_text_zoom This text will be shown in the zoom button. View Larger
button_text_details This text will be shown below the link button. More Details
overlay_caption_vertical Vertical alignment of the caption title and text.
options : top, middle, bottom 		middle
overlay_animation What animation will be used to reveal the image hover overlay.
options : fade-in, fade-in from-top, fade-in from-bottom, fade-in from-left, fade-in from-right, preview-bottom, fade-none 		fade-in
overlay_grid Grid pattern to apply over the image on hover. 0
overlay_icon Icon to show on the hover overlay.
options : , allign-justify, allign-right, angle-down, angle-left, angle-right, angle-up, arrow-down-circle, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up, ballpoint, battery-empty, battery-full, battery, book, briefcase-closed, briefcase-empty, briefcase-full, brush, bullhorn, calculator, calendar, camera, clipboard, clock, cloud-download, cloud-upload, cloud, cog, cogs, compass, compass-alt, controls, danger, dashboard, disks, doc-alt, doc, docs, down-circle, download, drop, envelope-closed, envelope-full, envelope-open, eye, flag, flag-alt, floppy, folder-closed, folder-empty, folder-full, gift, glass, glasses, globe-alt, globe, graph, graph-alt, grid, heart, home, idea, imac, image, key, lifebuoy, link, list, macbook, map-pin, map, mic, minus-round, mobile, moon, movie, mug, music, network, padlock-closed, padlock-open, paperclip, pencil, phone, pie-chart, pirate, plus, plus-round, power, print, radio-active, recycle, ribbon-alt, ribbon, scissors, search, server, shield, shopping-basket, signal-strong, signal-weak, sound-full, sound-low, sound-mute, speech-bubble, star, sun, tablet, target, test, trashcan, tshirt-alt, tshirt, up-circle, upload, user, users, weather-cloudy-sun, weather-cloudy, weather-rainy, weather-snowy, weather-stormy, weather-sun-cloudy, wrench 		link
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Shaped Image

Displays an image that is clipped to a shape.

Full Example

[shapedimage image="" shape_size="medium" shape="round" animation="none" magnific="off" alt="" title="" link="" link_target="_self" overlay_grid="0" background_colour="#e9e9e9" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
image Choose an image to use.
shape_size Choose the size that the image will have
options : normal, mini, small, medium, big, huge 		medium
shape Choose if the image will be rounded or not
options : square, round 		round
animation Choose a hover animation
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
magnific Open the original image in magnific on click (overrides link option)
options : on, off 		off
alt Place the alt of the image here
title Place the title attribute of the image here
link Place a link here
link_target Where the link will open.
options : _self, _blank 		_self
overlay_grid Adds an overlay pattern image when you hover over the image. 0
background_colour Set the colour shape background (will be seen if transparant images are used) #e9e9e9
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Featured Icon

Creates a shape with an Font Awesome icon in the middle.

Full Example

[featuredicon icon="glass" shape_size="medium" shape="round" link="" animation="" overlay_grid="0" icon_colour="#000000" background_colour="#e9e9e9" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
icon Choose an icon to use in your featured icon glass
shape_size Choose the size that the image will have
options : normal, mini, small, medium, big, huge 		medium
shape Choose if the image will be roundrd or not
options : rect, square, round 		round
link Make the icon link to a web url.
animation Choose an icon animation
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp
overlay_grid Adds an overlay pattern to the shape background. 0
icon_colour Set the colour of the icon #000000
background_colour Set the colour shape background. #e9e9e9
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Featured SVG Icon

Creates a shape with an svg icon in the middle.

Full Example

[svgfeaturedicon icon="link" shape_size="medium" shape="round" link="" animation="" overlay_grid="0" icon_colour="#000000" background_colour="#e9e9e9" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
icon Choose an icon to use in your featured icon
options : , allign-justify, allign-right, angle-down, angle-left, angle-right, angle-up, arrow-down-circle, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up, ballpoint, battery-empty, battery-full, battery, book, briefcase-closed, briefcase-empty, briefcase-full, brush, bullhorn, calculator, calendar, camera, clipboard, clock, cloud-download, cloud-upload, cloud, cog, cogs, compass, compass-alt, controls, danger, dashboard, disks, doc-alt, doc, docs, down-circle, download, drop, envelope-closed, envelope-full, envelope-open, eye, flag, flag-alt, floppy, folder-closed, folder-empty, folder-full, gift, glass, glasses, globe-alt, globe, graph, graph-alt, grid, heart, home, idea, imac, image, key, lifebuoy, link, list, macbook, map-pin, map, mic, minus-round, mobile, moon, movie, mug, music, network, padlock-closed, padlock-open, paperclip, pencil, phone, pie-chart, pirate, plus, plus-round, power, print, radio-active, recycle, ribbon-alt, ribbon, scissors, search, server, shield, shopping-basket, signal-strong, signal-weak, sound-full, sound-low, sound-mute, speech-bubble, star, sun, tablet, target, test, trashcan, tshirt-alt, tshirt, up-circle, upload, user, users, weather-cloudy-sun, weather-cloudy, weather-rainy, weather-snowy, weather-stormy, weather-sun-cloudy, wrench 		link
shape_size Choose the size that the image will have
options : normal, mini, small, medium, big, huge 		medium
shape Choose if the image will be roundrd or not
options : rect, square, round 		round
link Make the icon link to a web url.
animation Choose an icon animation
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp
overlay_grid Adds an overlay pattern to the shape background. 0
icon_colour Set the colour of the icon #000000
background_colour Set the colour shape background. #e9e9e9
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Icon

Displays a Font Awesome icon.

Full Example

[icon size="16"]

Options

Name Description Default
size Size of font to use for icon ( set to 0 to inhertit font size from container ) 16
content Type of button to display glass

Button

Creates a fancy call to action button with or without an icon.

Full Example

[button type="default" size="normal" label="My button" link="" xclass="" link_open="_self" icon_position="right" animation="none" icon="" custom_color="false" background_color="#82c9ed" text_font_color="#fff" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
type Type of button to display
options : default, primary, info, success, warning, danger, link 		default
size Size of button to display
options : normal, lg, sm 		normal
label Add a label to the button My button
link Where the button links to
xclass Add an extra class to the button
link_open Where the button link opens to
options : _self, _blank, _parent, _top 		_self
icon_position Which side of the button to show the icon.
options : left, right 		right
animation Choose an icon animation
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
icon Icon to display
custom_color Sets custom colors for the button
options : true, false 		false
background_color Change the background color of the button #82c9ed
text_font_color Change the font color of the text on the button #fff
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Jumbotron

Creates a Jumbotron bootstrap component.

Full Example

[vc_jumbotron title="" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
title The title of the jumbotron
content Main text that will appear in the jumbotron This is a simple hero unit.
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Alert

Creates a Bootstrap Alert box.

Full Example

[vc_message color="alert-success" title="Watch Out!" dismissable="false" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
color Type of alert to display
options : alert-success, alert-info, alert-warning, alert-danger 		alert-success
title The bold text that appears first in the alert Watch Out!
content Main text that will appear in the alert box Change a few things up and try submitting again.
dismissable Defines if the alert can be removed using an x in the corner.
options : true, false 		false
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Carousel

Adds a Carousel slideshow to the page.

Full Example

[carousel carousel="" count="0" directionnav="show" showcontrols="show" captions="show" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
carousel Populate your slider with one of the slideshows you created
count Number of slides to show, set to 0 to show all 0
directionnav
options : show, hide 		show
showcontrols
options : show, hide 		show
captions
options : show, hide 		show
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Panel

Creates a Bootstrap Panel with a title and some content.

Full Example

[panel title="" style="panel-default" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
title The title of the panel.
style Style of panel to display
options : panel-default, panel-primary, panel-info, panel-success, panel-warning, panel-danger 		panel-default
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Progress Bar

Creates a Bootstrap progress bar with a % value.

Full Example

[progress percentage="50" progress_text="" type="progress" style="progress-bar-info" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
percentage Percentage of the progress bar 50
progress_text Text to be displayed on the progress bar
type Type of bar to display
options : progress, progress progress-striped, progress progress-striped active 		progress
style Style of bar to display
options : progress-bar-primary, progress-bar-info, progress-bar-success, progress-bar-warning, progress-bar-danger 		progress-bar-info
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Lead Paragraph

Adds a lead paragraph, with slightly larger and bolder text.

Full Example

[lead align="center" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
align Sets the text alignment of the lead text.
options : default, left, center, right, justify 		center
content Text to show in the lead text paragraph.
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Blockquote

Creates a quotation.

Full Example

[blockquote align="left" who="" cite="" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
align Sets the text alignment of blockquote.
options : default, left, right, center, justify 		left
content Text to show in the quote.
who Who said the quote.
cite Citation of the quote (i.e the source).
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Code

For use adding source code to a page.

Full Example

[code margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
content Source code to display.
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Countdown Timer

Adds a countdown timer for coming soon pages.

Full Example

[countdown date="" number_size="normal" number_weight="regular" number_underline="bordered" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
date Date to countdown to in the format YYYY/MM/DD HH:MM.
number_size Choose size of the font to use for the countdown numbers.
options : normal, super, hyper 		normal
number_weight Choose weight of the font of the countdown numbers.
options : regular, black, bold, light, hairline 		regular
number_underline Adds an underline effect below the countdown numbers.
options : bordered, no-underline 		bordered
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Scroll to button

Creates a link for scrolling to other places in your page.

Full Example

[vc_scroll link="#id" icon="down" place_bottom="" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
link The link for the scroll button #id
icon
options : down, up, left, right 		down
place_bottom Place the button to the bottom of the section
options : on,
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Tags

Adds a list of tags

Full Example

[tags tags="Web Design, Logo Design, CSS Animations" size="normal" style="tag-list" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
tags Comma seperated values that will be inserted in the tag list Web Design, Logo Design, CSS Animations
size Choose size of the tag list.
options : normal, lg, sm 		normal
style Choose the style of the tag list.
options : tag-list, tag-list-inline 		tag-list
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Video Player

Adds a video player.

Full Example

[vc_video src="" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
src
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Text Block

A block of text with WYSIWYG editor.

Full Example

[vc_column_text margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
content

I am text block. Click edit button to change this text.
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Social Sharing Icons

Adds Social Sharing icons to your pages

Full Example

[sharing title="" social_networks="facebook,twitter,google,pinterest,linkedin" icon_size="sm" background_show="background" background_shape="circle" background_colour="" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
title Title that will appear above the social share icons.
social_networks Select which social networks you would like to share on.
options : facebook, twitter, google, pinterest, linkedin 		facebook,twitter,google,pinterest,linkedin
icon_size Size of the social icons.
options : sm, lg 		sm
background_show Show a coloured background behind the social icon.
options : background, simple 		background
background_shape Shape of coloured background behind the social icon.
options : circle, rect 		circle
background_colour Colour of background behind the social icon.
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Social Icons

Adds Social icons to your pages

Full Example

[socialicons title="" icon_size="sm" background_show="background" background_shape="circle" background_colour="#82c9ed" link_target="_self" adn="" android="" apple="" bitbucket="" bitbucket_square="" bitcoin="" btc="" css3="" dribbble="" dropbox="" facebook="" facebook_square="" flickr="" foursquare="" github="" github_alt="" github_square="" gittip="" google_plus="" google_plus_square="" html5="" instagram="" linkedin="" linkedin_square="" linux="" maxcdn="" pagelines="" pinterest="" pinterest_square="" renren="" skype="" stack_exchange="" stack_overflow="" trello="" tumblr="" tumblr_square="" twitter="" youtube="" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
title Title that will appear above the social icons.
icon_size Size of the social icons.
options : sm, lg 		sm
background_show Show a coloured background behind the social icon.
options : background, simple 		background
background_shape Shape of coloured background behind the social icon.
options : circle, rect 		circle
background_colour Colour of background behind the social icon. #82c9ed
link_target Where the social links open to
options : _self, _blank, _parent, _top 		_self
adn
android
apple
bitbucket
bitbucket_square
bitcoin
btc
css3
dribbble
dropbox
facebook
facebook_square
flickr
foursquare
github
github_alt
github_square
gittip
google_plus
google_plus_square
html5
instagram
linkedin
linkedin_square
linux
maxcdn
pagelines
pinterest
pinterest_square
renren
skype
stack_exchange
stack_overflow
trello
tumblr
tumblr_square
twitter
youtube
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Divider

Adds space between elements.

Full Example

[divider visibility="hidden" background_colour="#FFFFF" xs_height="24" sm_height="24" md_height="24" lg_height="24"]

Options

Name Description Default
visibility Toggles if the divider is visible or not.
options : visible, hidden 		hidden
background_colour Background colour of the divider if it is set to visible. #FFFFF
xs_height Height of divider on mobile displays ( <768px). 24
sm_height Height of divider on tablet displays (>768px <992px). 24
md_height Height of divider on desktop displays (>992px <1200px). 24
lg_height Height of divider on mobile displays (>1200px). 24

Chart

Add a data chart to the page.

Full Example

[chart type="pie" data="" datasets="" colors="" labels="" width="70%" height="auto" canvaswidth="625" canvasheight="625" relativewidth="1" margin="20px" align="" class="" scalefontsize="12" scalefontcolor="#666666" scaleoverride="false" scalesteps="null" scalestepwidth="null" scalestartvalue="null" animation="true" fillopacity="0.7" pointstrokecolor="#FFFFFF" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
type Choose from pie, doughnut, radar, polararea, bar, line
options : pie, doughnut, radar, polararea, bar, line 		pie
data Used for the pie, doughnut and radar charts.
datasets Used for the bar, line, and radar charts, the data for each 'set' is put in as before, but using the 'next' keyword to seperate each of the datasets.
colors These should be put in in there HEX value only(as above). These are the default colors, there should be the same number of colours as data points, or datasets, but if you only got a few, or too many, don't worry the plugin will handle it. (more practically if you don't want your chart to look like a rainbow, the plugin will cycle a set a colors for your data)
labels Used for the bar, line and polararea charts.
width This sets the width of the container for the chart, and should be the only size property you need to adjust. Setting it as a % value will make the chart fluid / responsive, you can use any valid CSS measurement of value (em, px, %). 70%
height optional - the height will automatticaly be proportionate to the width, and you should not need to adjust this . auto
canvaswidth This sets the width of the container for the chart, and should be the only size property you need to adjust. Setting it as a % value will make the chart fluid / responsive, you can use any valid CSS measurement of value (em, px, %). 625
canvasheight This will be converted to px, only adjust this up or down if you experience rendering issues. 625
relativewidth The width to height ratio 1
margin optional - use standard css syntax for the margin, defaults to 5px for top, bottom, left and right. 20px
align optional - use one of the standard WordPress alignment classes alignleft, alignright, aligncenter.
class optional - apply a css class to the chart container.
scalefontsize Adjust the font size of the scale for the charts that display it 12
scalefontcolor Change the scale font colour #666666
scaleoverride By default this is turned off, and the script attempts to output an appropriate scale, setting this to true will require the following three properties to be set as well: scaleSteps, scaleStepWidth and scaleStartValue
options : true, false 		false
scalesteps Only applicable if scaleOveride is set to true - the number of steps in the scale null
scalestepwidth Only applicable if scaleOveride is set to true - the value jump used in the scale null
scalestartvalue Only applicable if scaleOveride is set to true - the center starting value for the scale null
animation Turn the load animation for the charts on or off
options : true, false 		true
fillopacity For line, bar and polararea type charts you can set an opactiy for fill of the chart. 0.7
pointstrokecolor For line and polararea type charts you can set the point color, though usually looks pretty good with the default. #FFFFFF
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Site Menu

Adds a site menu to the page.

Full Example

[menu slug="" menu_swatch="swatch-white" header_type="navbar-sticky" underline_menu="underline" menu_capitalization="text-none" container_class="container"]

Options

Name Description Default
slug Select a wordpress menu to use.
options :
menu_swatch Choose a color swatch for the menu. swatch-white
header_type Sets the type of header to use at the top of your site and its behaviour. See this page for more details
options : navbar-sticky, navbar-not-sticky 		navbar-sticky
underline_menu Underline of the menu items when selected
options : underline, no-underline 		underline
menu_capitalization Enable-disable automatic capitalization in menu logo and menus
options : text-caps, text-lowercase, text-none 		text-none
container_class Choose between normal or fullwidth menu
options : container, container-fullwidth 		container

Tabs

Creates Bootstrap Tabs with content.

Full Example

[vc_tabs style="" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
style Select a style to use for the tabs.
options : top, bottom
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Accordion

Creates a Bootstrap Accordion.

Full Example

[vc_accordion type="primary" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
type Type of accordion to display
options : default, primary, info, success, warning, danger 		primary
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Icons List

Displays a list of icons.

Full Example

[simple_icon_list size="normal" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
size Choose between normal or and big item size
options : normal, big 		normal
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Simple Icon

Displays an icon alongside some text.

Full Example

[simple_icon fa_icon="" icon_color="#FFFFFF" title="" link="" link_target="_self"]

Options

Name Description Default
fa_icon Select a font awesome icon that will appear in your features shape.
options : , 500px, adjust, adn, align-center, align-justify, align-left, align-right, amazon, ambulance, anchor, android, angellist, angle-double-down, angle-double-left, angle-double-right, angle-double-up, angle-down, angle-left, angle-right, angle-up, apple, archive, area-chart, arrow-circle-down, arrow-circle-left, arrow-circle-o-down, arrow-circle-o-left, arrow-circle-o-right, arrow-circle-o-up, arrow-circle-right, arrow-circle-up, arrow-down, arrow-left, arrow-right, arrow-up, arrows, arrows-alt, arrows-h, arrows-v, asterisk, at, automobile, backward, balance-scale, ban, bank, bar-chart-o, barcode, bars, battery-0, battery-1, battery-2, battery-3, battery-4, battery-empty, battery-full, battery-half, battery-quarter, battery-three-quarters, bed, beer, behance, behance-square, bell, bell-o, bell-slash, bell-slash-o, bicycle, binoculars, birthday-cake, bitbucket, bitbucket-square, bitcoin, black-tie, bold, bolt, bomb, book, bookmark, bookmark-o, briefcase, btc, bug, building, building-o, bullhorn, bullseye, bus, buysellads, cab, calculator, calendar, calendar-check-o, calendar-minus-o, calendar-o, calendar-plus-o, calendar-times-o, camera, camera-retro, car, caret-down, caret-left, caret-right, caret-square-o-down, caret-square-o-left, caret-square-o-right, caret-square-o-up, caret-up, cart-arrow-down, cart-plus, cc, cc-amex, cc-diners-club, cc-discover, cc-jcb, cc-mastercard, cc-paypal, cc-stripe, cc-visa, certificate, chain, chain-broken, check, check-circle, check-circle-o, check-square, check-square-o, chevron-circle-down, chevron-circle-left, chevron-circle-right, chevron-circle-up, chevron-down, chevron-left, chevron-right, chevron-up, child, chrome, circle, circle-o, circle-o-notch, circle-thin, clipboard, clock-o, clone, cloud, cloud-download, cloud-upload, cny, code, code-fork, codepen, coffee, cog, cogs, columns, comment, comment-o, commenting, commenting-o, comments, comments-o, compass, compress, connectdevelop, contao, copy, copyright, creative-commons, credit-card, crop, crosshairs, css3, cube, cubes, cut, cutlery, dashboard, dashcube, database, dedent, delicious, desktop, deviantart, diamond, digg, dollar, dot-circle-o, download, dribbble, dropbox, drupal, edit, eject, ellipsis-h, ellipsis-v, empire, envelope, envelope-o, envelope-square, eraser, eur, euro, exchange, exclamation, exclamation-circle, exclamation-triangle, expand, expeditedssl, external-link, external-link-square, eye, eye-slash, eyedropper, facebook, facebook-official, facebook-square, fast-backward, fast-forward, fax, female, fighter-jet, file, file-archive-o, file-audio-o, file-code-o, file-excel-o, file-image-o, file-movie-o, file-o, file-pdf-o, file-photo-o, file-picture-o, file-powerpoint-o, file-sound-o, file-text, file-text-o, file-video-o, file-word-o, file-zip-o, files-o, film, filter, fire, fire-extinguisher, firefox, flag, flag-checkered, flag-o, flash, flask, flickr, floppy-o, folder, folder-o, folder-open, folder-open-o, font, fonticons, forumbee, forward, foursquare, frown-o, futbol-o, gamepad, gavel, gbp, ge, gear, gears, genderless, get-pocket, gg, gg-circle, gift, git, git-square, github, github-alt, github-square, gittip, glass, globe, google, google-plus, google-plus-square, google-wallet, graduation-cap, group, h-square, hacker-news, hand-grab-o, hand-lizard-o, hand-o-down, hand-o-left, hand-o-right, hand-o-up, hand-paper-o, hand-peace-o, hand-pointer-o, hand-rock-o, hand-scissors-o, hand-spock-o, hand-stop-o, hdd-o, header, headphones, heart, heart-o, heartbeat, history, home, hospital-o, hotel, hourglass, hourglass-1, hourglass-2, hourglass-3, hourglass-end, hourglass-half, hourglass-o, hourglass-start, houzz, html5, i-cursor, ils, image, inbox, indent, industry, info, info-circle, inr, instagram, institution, internet-explorer, ioxhost, italic, joomla, jpy, jsfiddle, key, keyboard-o, krw, language, laptop, lastfm, lastfm-square, leaf, leanpub, legal, lemon-o, level-down, level-up, life-bouy, life-ring, life-saver, lightbulb-o, line-chart, link, linkedin, linkedin-square, linux, list, list-alt, list-ol, list-ul, location-arrow, lock, long-arrow-down, long-arrow-left, long-arrow-right, long-arrow-up, magic, magnet, mail-forward, mail-reply, mail-reply-all, male, map, map-marker, map-o, map-pin, map-signs, mars, mars-double, mars-stroke, mars-stroke-h, mars-stroke-v, maxcdn, meanpath, medium, medkit, meh-o, mercury, microphone, microphone-slash, minus, minus-circle, minus-square, minus-square-o, mobile, mobile-phone, money, moon-o, mortar-board, motorcycle, mouse-pointer, music, navicon, neuter, newspaper-o, object-group, object-ungroup, odnoklassniki, odnoklassniki-square, opencart, openid, opera, optin-monster, outdent, pagelines, paint-brush, paper-plane, paper-plane-o, paperclip, paragraph, paste, pause, paw, paypal, pencil, pencil-square, pencil-square-o, phone, phone-square, photo, picture-o, pie-chart, pied-piper, pied-piper-alt, pied-piper-square, pinterest, pinterest-p, pinterest-square, plane, play, play-circle, play-circle-o, plug, plus, plus-circle, plus-square, plus-square-o, power-off, print, puzzle-piece, qq, qrcode, question, question-circle, quote-left, quote-right, ra, random, rebel, recycle, reddit, reddit-square, refresh, registered, renren, reorder, repeat, reply, reply-all, retweet, rmb, road, rocket, rotate-left, rotate-right, rouble, rss, rss-square, rub, ruble, rupee, safari, save, scissors, search, search-minus, search-plus, sellsy, send, send-o, server, share, share-alt, share-alt-square, share-square, share-square-o, shekel, sheqel, shield, ship, shirtsinbulk, shopping-cart, sign-in, sign-out, signal, simplybuilt, sitemap, skyatlas, skype, slack, sliders, slideshare, smile-o, soccer-ball-o, sort, sort-alpha-asc, sort-alpha-desc, sort-amount-asc, sort-amount-desc, sort-asc, sort-desc, sort-down, sort-numeric-asc, sort-numeric-desc, sort-up, soundcloud, space-shuttle, spinner, spoon, spotify, square, square-o, stack-exchange, stack-overflow, star, star-half, star-half-empty, star-half-full, star-half-o, star-o, steam, steam-square, step-backward, step-forward, stethoscope, sticky-note, sticky-note-o, stop, street-view, strikethrough, stumbleupon, stumbleupon-circle, subscript, subway, suitcase, sun-o, superscript, support, table, tablet, tachometer, tag, tags, tasks, taxi, television, tencent-weibo, terminal, text-height, text-width, th, th-large, th-list, thumb-tack, thumbs-down, thumbs-o-down, thumbs-o-up, thumbs-up, ticket, times, times-circle, times-circle-o, tint, toggle-down, toggle-left, toggle-off, toggle-on, toggle-right, toggle-up, trademark, train, transgender, transgender-alt, trash, trash-o, tree, trello, tripadvisor, trophy, truck, try, tty, tumblr, tumblr-square, turkish-lira, tv, twitch, twitter, twitter-square, umbrella, underline, undo, university, unlink, unlock, unlock-alt, unsorted, upload, usd, user, user-md, user-plus, user-secret, user-times, users, venus, venus-double, venus-mars, viacoin, video-camera, vimeo, vimeo-square, vine, vk, volume-down, volume-off, volume-up, warning, wechat, weibo, weixin, whatsapp, wheelchair, wifi, wikipedia-w, windows, won, wordpress, wrench, xing, xing-square, y-combinator, yahoo, yc, yelp, yen, youtube, youtube-play, youtube-square
icon_color Set the colour of the icon ( svg & font awesome icons ) #FFFFFF
title Choose a title for your featured item.
link Link that the title will link to (leave empty for unlinkable title)
link_target Where the link will open.
options : _self, _blank 		_self

Audio Player

Creates an audio player.

Full Example

[audio src="" loop="" autoplay="" preload="" margin_top="short-top" margin_bottom="short-bottom" scroll_animation="none" scroll_animation_delay="0" extra_classes=""]

Options

Name Description Default
src Add a link to your audio file (mp3, m4a, ogg, wav, wma).
loop Allows for looping of media.
options : on,
autoplay Causes the media to automatically play as soon as the media file is ready.
options : on,
preload Specifies if and how the audio should be loaded when the page loads.
options : , auto, metadata
margin_top Amount of space to add above this element.
options : no-top, short-top, medium-top, normal-top, tall-top 		short-top
margin_bottom Amount of space to add below this element.
options : no-bottom, short-bottom, medium-bottom, normal-bottom, tall-bottom 		short-bottom
scroll_animation Animation that will occur when the user scrolls onto the element.
options : none, bounce, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flash, flip, flipInX, flipInY, flipOutX, flipOutY, hinge, lightSpeedIn, lightSpeedOut, pulse, rollIn, rollOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rubberBand, shake, swing, tada, wiggle, wobble, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp 		none
scroll_animation_delay Delay after scrolling onto the element before animation starts. 0
extra_classes Add any extra classes you need to add to this element. ( space separated )

Product

Displays a single product

Full Example

[product id=""]

Options

Name Description Default
id Choose a product to display.

Product Page

Displays a single product page

Full Example

[product_page id=""]

Options

Name Description Default
id Choose a product to display.

Product Category

Displays a product category

Full Example

[product_category category="" per_page="" columns="" orderby="none" order="ASC"]

Options

Name Description Default
category Choose a product category to display
per_page Set the number of products to display.
columns Set the number of columns to display.
orderby Choose the way products will be ordered.
options : none, title, name, date, ID, author, modified, parent, rand, comment_count 		none
order Choose how products will be ordered.
options : ASC, DESC 		ASC

Product Categories

Displays product categories

Full Example

[product_categories ids="" number="" columns="" orderby="none" order="ASC" hide_empty="0" parent="0"]

Options

Name Description Default
ids Choose the product categories to display. Enter the IDs comma separated, or leave empty for all categories.
number Set the number of categories to display.
columns Set the number of columns to display.
orderby Choose the way categories will be ordered.
options : none, title, name, date, ID, author, modified, parent, rand, comment_count 		none
order Choose how categories will be ordered.
options : ASC, DESC 		ASC
hide_empty Choose whether to show categories with no products set.
options : 1, 0 		0
parent Set the parent id of the categories to display. Set to 0 to only display top level categories 0