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" xs_col="default" sm_col="default" lg_col="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
xs_col Size of column to use on mobile sized displays ( <768px) as a fraction of the 12-grid row
options : default, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
default
sm_col Size of column to use on tablet sized displays (>=768px <991px) as a fraction of the 12-grid row
options : default, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
default
lg_col Size of column to use on large desktop displays (>1200x) as a fraction of the 12-grid row
options : default, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
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 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, address-book-o, address-book, address-card-o, address-card, adjust, adn, align-center, align-justify, align-left, align-right, amazon, ambulance, american-sign-language-interpreting, 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-alt, arrows-h, arrows-v, arrows, asl-interpreting, assistive-listening-systems, asterisk, at, audio-description, automobile, backward, balance-scale, ban, bandcamp, bank, bar-chart-o, barcode, bars, bath, bathtub, battery-0, battery-1, battery-2, battery-3, battery-4, battery-empty, battery-full, battery-half, battery-quarter, battery-three-quarters, bed, beer, behance-square, behance, bell-o, bell-slash-o, bell-slash, bell, bicycle, binoculars, birthday-cake, bitbucket-square, bitbucket, bitcoin, black-tie, blind, bluetooth-b, bluetooth, bold, bolt, bomb, book, bookmark-o, bookmark, braille, briefcase, btc, bug, building-o, building, bullhorn, bullseye, bus, buysellads, cab, calculator, calendar-check-o, calendar-minus-o, calendar-o, calendar-plus-o, calendar-times-o, calendar, camera-retro, camera, 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-amex, cc-diners-club, cc-discover, cc-jcb, cc-mastercard, cc-paypal, cc-stripe, cc-visa, cc, certificate, chain-broken, chain, check-circle-o, check-circle, check-square-o, check-square, check, chevron-circle-down, chevron-circle-left, chevron-circle-right, chevron-circle-up, chevron-down, chevron-left, chevron-right, chevron-up, child, chrome, circle-o-notch, circle-o, circle-thin, circle, clipboard, clock-o, clone, cloud-download, cloud-upload, cloud, cny, code-fork, code, codepen, codiepie, coffee, cog, cogs, columns, comment-o, comment, commenting-o, commenting, comments-o, comments, compass, compress, connectdevelop, contao, copy, copyright, creative-commons, credit-card-alt, credit-card, crop, crosshairs, css3, cube, cubes, cut, cutlery, dashboard, dashcube, database, deaf, deafness, dedent, delicious, desktop, deviantart, diamond, digg, dollar, dot-circle-o, download, dribbble, drivers-license-o, drivers-license, dropbox, drupal, edge, edit, eercast, eject, ellipsis-h, ellipsis-v, empire, envelope-o, envelope-open-o, envelope-open, envelope-square, envelope, envira, eraser, etsy, eur, euro, exchange, exclamation-circle, exclamation-triangle, exclamation, expand, expeditedssl, external-link-square, external-link, eye-slash, eye, eyedropper, facebook-official, facebook-square, facebook, fast-backward, fast-forward, fax, female, fighter-jet, 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-o, file-text, file-video-o, file-word-o, file-zip-o, file, files-o, film, filter, fire-extinguisher, fire, firefox, first-order, flag-checkered, flag-o, flag, flash, flask, flickr, floppy-o, folder-o, folder-open-o, folder-open, folder, font, fonticons, fort-awesome, forumbee, forward, foursquare, free-code-camp, frown-o, futbol-o, gamepad, gavel, gbp, ge, gear, gears, genderless, get-pocket, gg-circle, gg, gift, git-square, git, github-alt, github-square, github, gitlab, gittip, glass, glide-g, glide, globe, google-plus-square, google-plus, google-wallet, google, graduation-cap, grav, 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, handshake-o, hard-of-hearing, hashtag, hdd-o, header, headphones, heart-o, heart, heartbeat, history, home, hospital-o, hotel, hourglass-1, hourglass-2, hourglass-3, hourglass-end, hourglass-half, hourglass-o, hourglass-start, hourglass, houzz, html5, i-cursor, id-badge, id-card-o, id-card, ils, image, imdb, inbox, indent, industry, info-circle, info, inr, instagram, institution, internet-explorer, ioxhost, italic, joomla, jpy, jsfiddle, key, keyboard-o, krw, language, laptop, lastfm-square, lastfm, leaf, leanpub, legal, lemon-o, level-down, level-up, life-bouy, life-ring, life-saver, lightbulb-o, line-chart, link, linkedin-square, linkedin, linode, linux, list-alt, list-ol, list-ul, list, location-arrow, lock, long-arrow-down, long-arrow-left, long-arrow-right, long-arrow-up, low-vision, magic, magnet, mail-forward, mail-reply-all, mail-reply, male, map-marker, map-o, map-pin, map-signs, map, mars-double, mars-stroke-h, mars-stroke-v, mars-stroke, mars, maxcdn, meanpath, medium, medkit, meetup, meh-o, mercury, microchip, microphone-slash, microphone, minus-circle, minus-square-o, minus-square, minus, mixcloud, mobile-phone, mobile, modx, money, moon-o, mortar-board, motorcycle, mouse-pointer, music, navicon, neuter, newspaper-o, object-group, object-ungroup, odnoklassniki-square, odnoklassniki, opencart, openid, opera, optin-monster, outdent, pagelines, paint-brush, paper-plane-o, paper-plane, paperclip, paragraph, paste, pause-circle-o, pause-circle, pause, paw, paypal, pencil-square-o, pencil-square, pencil, percent, phone-square, phone, photo, picture-o, pie-chart, pied-piper-alt, pied-piper-square, pied-piper, pinterest-p, pinterest-square, pinterest, plane, play-circle-o, play-circle, play, plug, plus-circle, plus-square-o, plus-square, plus, podcast, power-off, print, product-hunt, puzzle-piece, qq, qrcode, question-circle-o, question-circle, question, quora, quote-left, quote-right, ra, random, ravelry, rebel, recycle, reddit-alien, reddit-square, reddit, refresh, registered, renren, reorder, repeat, reply-all, reply, retweet, rmb, road, rocket, rotate-left, rotate-right, rouble, rss-square, rss, rub, ruble, rupee, s15, safari, save, scissors, scribd, search-minus, search-plus, search, sellsy, send-o, send, server, share-alt-square, share-alt, share-square-o, share-square, share, shekel, sheqel, shield, ship, shirtsinbulk, shopping-bag, shopping-basket, shopping-cart, shower, sign-in, sign-language, sign-out, signal, signing, simplybuilt, sitemap, skyatlas, skype, slack, sliders, slideshare, smile-o, snapchat-ghost, snapchat-square, snapchat, snowflake-o, soccer-ball-o, 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, sort, soundcloud, space-shuttle, spinner, spoon, spotify, square-o, square, stack-exchange, stack-overflow, star-half-empty, star-half-full, star-half-o, star-half, star-o, star, steam-square, steam, step-backward, step-forward, stethoscope, sticky-note-o, sticky-note, stop-circle-o, stop-circle, stop, street-view, strikethrough, stumbleupon-circle, stumbleupon, subscript, subway, suitcase, sun-o, superpowers, superscript, support, table, tablet, tachometer, tag, tags, tasks, taxi, telegram, television, tencent-weibo, terminal, text-height, text-width, th-large, th-list, th, themeisle, thermometer-0, thermometer-1, thermometer-2, thermometer-3, thermometer-4, thermometer-empty, thermometer-full, thermometer-half, thermometer-quarter, thermometer-three-quarters, thermometer, thumb-tack, thumbs-down, thumbs-o-down, thumbs-o-up, thumbs-up, ticket, times-circle-o, times-circle, times-rectangle-o, times-rectangle, times, tint, toggle-down, toggle-left, toggle-off, toggle-on, toggle-right, toggle-up, trademark, train, transgender-alt, transgender, trash-o, trash, tree, trello, tripadvisor, trophy, truck, try, tty, tumblr-square, tumblr, turkish-lira, tv, twitch, twitter-square, twitter, umbrella, underline, undo, universal-access, university, unlink, unlock-alt, unlock, unsorted, upload, usb, usd, user-circle-o, user-circle, user-md, user-o, user-plus, user-secret, user-times, user, users, vcard-o, vcard, venus-double, venus-mars, venus, viacoin, viadeo-square, viadeo, video-camera, vimeo-square, vimeo, vine, vk, volume-control-phone, volume-down, volume-off, volume-up, warning, wechat, weibo, weixin, whatsapp, wheelchair-alt, wheelchair, wifi, wikipedia-w, window-close-o, window-close, window-maximize, window-minimize, window-restore, windows, won, wordpress, wpbeginner, wpexplorer, wpforms, wrench, xing-square, xing, y-combinator, yahoo, yc, yelp, yen, yoast, youtube-play, youtube-square, youtube
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" modal="" link="" xclass="" link_open="_self" icon_position="left" 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
modal Select the modal to open on click(overrides the link option)
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
left
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="" envelope="" maxcdn="" pagelines="" pinterest="" pinterest_square="" renren="" skype="" stack_exchange="" stack_overflow="" trello="" tumblr="" tumblr_square="" twitter="" youtube="" xing="" 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
envelope
maxcdn
pagelines
pinterest
pinterest_square
renren
skype
stack_exchange
stack_overflow
trello
tumblr
tumblr_square
twitter
youtube
xing
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, address-book-o, address-book, address-card-o, address-card, adjust, adn, align-center, align-justify, align-left, align-right, amazon, ambulance, american-sign-language-interpreting, 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-alt, arrows-h, arrows-v, arrows, asl-interpreting, assistive-listening-systems, asterisk, at, audio-description, automobile, backward, balance-scale, ban, bandcamp, bank, bar-chart-o, barcode, bars, bath, bathtub, battery-0, battery-1, battery-2, battery-3, battery-4, battery-empty, battery-full, battery-half, battery-quarter, battery-three-quarters, bed, beer, behance-square, behance, bell-o, bell-slash-o, bell-slash, bell, bicycle, binoculars, birthday-cake, bitbucket-square, bitbucket, bitcoin, black-tie, blind, bluetooth-b, bluetooth, bold, bolt, bomb, book, bookmark-o, bookmark, braille, briefcase, btc, bug, building-o, building, bullhorn, bullseye, bus, buysellads, cab, calculator, calendar-check-o, calendar-minus-o, calendar-o, calendar-plus-o, calendar-times-o, calendar, camera-retro, camera, 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-amex, cc-diners-club, cc-discover, cc-jcb, cc-mastercard, cc-paypal, cc-stripe, cc-visa, cc, certificate, chain-broken, chain, check-circle-o, check-circle, check-square-o, check-square, check, chevron-circle-down, chevron-circle-left, chevron-circle-right, chevron-circle-up, chevron-down, chevron-left, chevron-right, chevron-up, child, chrome, circle-o-notch, circle-o, circle-thin, circle, clipboard, clock-o, clone, cloud-download, cloud-upload, cloud, cny, code-fork, code, codepen, codiepie, coffee, cog, cogs, columns, comment-o, comment, commenting-o, commenting, comments-o, comments, compass, compress, connectdevelop, contao, copy, copyright, creative-commons, credit-card-alt, credit-card, crop, crosshairs, css3, cube, cubes, cut, cutlery, dashboard, dashcube, database, deaf, deafness, dedent, delicious, desktop, deviantart, diamond, digg, dollar, dot-circle-o, download, dribbble, drivers-license-o, drivers-license, dropbox, drupal, edge, edit, eercast, eject, ellipsis-h, ellipsis-v, empire, envelope-o, envelope-open-o, envelope-open, envelope-square, envelope, envira, eraser, etsy, eur, euro, exchange, exclamation-circle, exclamation-triangle, exclamation, expand, expeditedssl, external-link-square, external-link, eye-slash, eye, eyedropper, facebook-official, facebook-square, facebook, fast-backward, fast-forward, fax, female, fighter-jet, 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-o, file-text, file-video-o, file-word-o, file-zip-o, file, files-o, film, filter, fire-extinguisher, fire, firefox, first-order, flag-checkered, flag-o, flag, flash, flask, flickr, floppy-o, folder-o, folder-open-o, folder-open, folder, font, fonticons, fort-awesome, forumbee, forward, foursquare, free-code-camp, frown-o, futbol-o, gamepad, gavel, gbp, ge, gear, gears, genderless, get-pocket, gg-circle, gg, gift, git-square, git, github-alt, github-square, github, gitlab, gittip, glass, glide-g, glide, globe, google-plus-square, google-plus, google-wallet, google, graduation-cap, grav, 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, handshake-o, hard-of-hearing, hashtag, hdd-o, header, headphones, heart-o, heart, heartbeat, history, home, hospital-o, hotel, hourglass-1, hourglass-2, hourglass-3, hourglass-end, hourglass-half, hourglass-o, hourglass-start, hourglass, houzz, html5, i-cursor, id-badge, id-card-o, id-card, ils, image, imdb, inbox, indent, industry, info-circle, info, inr, instagram, institution, internet-explorer, ioxhost, italic, joomla, jpy, jsfiddle, key, keyboard-o, krw, language, laptop, lastfm-square, lastfm, leaf, leanpub, legal, lemon-o, level-down, level-up, life-bouy, life-ring, life-saver, lightbulb-o, line-chart, link, linkedin-square, linkedin, linode, linux, list-alt, list-ol, list-ul, list, location-arrow, lock, long-arrow-down, long-arrow-left, long-arrow-right, long-arrow-up, low-vision, magic, magnet, mail-forward, mail-reply-all, mail-reply, male, map-marker, map-o, map-pin, map-signs, map, mars-double, mars-stroke-h, mars-stroke-v, mars-stroke, mars, maxcdn, meanpath, medium, medkit, meetup, meh-o, mercury, microchip, microphone-slash, microphone, minus-circle, minus-square-o, minus-square, minus, mixcloud, mobile-phone, mobile, modx, money, moon-o, mortar-board, motorcycle, mouse-pointer, music, navicon, neuter, newspaper-o, object-group, object-ungroup, odnoklassniki-square, odnoklassniki, opencart, openid, opera, optin-monster, outdent, pagelines, paint-brush, paper-plane-o, paper-plane, paperclip, paragraph, paste, pause-circle-o, pause-circle, pause, paw, paypal, pencil-square-o, pencil-square, pencil, percent, phone-square, phone, photo, picture-o, pie-chart, pied-piper-alt, pied-piper-square, pied-piper, pinterest-p, pinterest-square, pinterest, plane, play-circle-o, play-circle, play, plug, plus-circle, plus-square-o, plus-square, plus, podcast, power-off, print, product-hunt, puzzle-piece, qq, qrcode, question-circle-o, question-circle, question, quora, quote-left, quote-right, ra, random, ravelry, rebel, recycle, reddit-alien, reddit-square, reddit, refresh, registered, renren, reorder, repeat, reply-all, reply, retweet, rmb, road, rocket, rotate-left, rotate-right, rouble, rss-square, rss, rub, ruble, rupee, s15, safari, save, scissors, scribd, search-minus, search-plus, search, sellsy, send-o, send, server, share-alt-square, share-alt, share-square-o, share-square, share, shekel, sheqel, shield, ship, shirtsinbulk, shopping-bag, shopping-basket, shopping-cart, shower, sign-in, sign-language, sign-out, signal, signing, simplybuilt, sitemap, skyatlas, skype, slack, sliders, slideshare, smile-o, snapchat-ghost, snapchat-square, snapchat, snowflake-o, soccer-ball-o, 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, sort, soundcloud, space-shuttle, spinner, spoon, spotify, square-o, square, stack-exchange, stack-overflow, star-half-empty, star-half-full, star-half-o, star-half, star-o, star, steam-square, steam, step-backward, step-forward, stethoscope, sticky-note-o, sticky-note, stop-circle-o, stop-circle, stop, street-view, strikethrough, stumbleupon-circle, stumbleupon, subscript, subway, suitcase, sun-o, superpowers, superscript, support, table, tablet, tachometer, tag, tags, tasks, taxi, telegram, television, tencent-weibo, terminal, text-height, text-width, th-large, th-list, th, themeisle, thermometer-0, thermometer-1, thermometer-2, thermometer-3, thermometer-4, thermometer-empty, thermometer-full, thermometer-half, thermometer-quarter, thermometer-three-quarters, thermometer, thumb-tack, thumbs-down, thumbs-o-down, thumbs-o-up, thumbs-up, ticket, times-circle-o, times-circle, times-rectangle-o, times-rectangle, times, tint, toggle-down, toggle-left, toggle-off, toggle-on, toggle-right, toggle-up, trademark, train, transgender-alt, transgender, trash-o, trash, tree, trello, tripadvisor, trophy, truck, try, tty, tumblr-square, tumblr, turkish-lira, tv, twitch, twitter-square, twitter, umbrella, underline, undo, universal-access, university, unlink, unlock-alt, unlock, unsorted, upload, usb, usd, user-circle-o, user-circle, user-md, user-o, user-plus, user-secret, user-times, user, users, vcard-o, vcard, venus-double, venus-mars, venus, viacoin, viadeo-square, viadeo, video-camera, vimeo-square, vimeo, vine, vk, volume-control-phone, volume-down, volume-off, volume-up, warning, wechat, weibo, weixin, whatsapp, wheelchair-alt, wheelchair, wifi, wikipedia-w, window-close-o, window-close, window-maximize, window-minimize, window-restore, windows, won, wordpress, wpbeginner, wpexplorer, wpforms, wrench, xing-square, xing, y-combinator, yahoo, yc, yelp, yen, yoast, youtube-play, youtube-square, youtube
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="0" preload="none" 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 : 1, 0
0
preload Specifies if and how the audio should be loaded when the page loads.
options : none, auto, metadata
none
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