Shortcode Options
An overview of all theme shortcodes and their options
An overview of all theme shortcodes and their options
A Horizontal section to add content to.
[vc_row title="" subtitle="" title_size="normal" title_weight="regular" title_align="center" title_underline="no-underline" swatch="swatch-white-red" top_decoration="none" bottom_decoration="none" height="normal" fullheight="off" width="padded" class="" id="" vertical_alignment="top" background_image="" background_video="" background_video_webm="" background_position_vertical="0" overlay_colour="#000000" overlay_opacity="0" overlay_grid="off" background_image_size="cover" background_image_repeat="no-repeat" background_image_attachment="scroll"] content goes here [/vc_row]
Name | Description | Default |
---|---|---|
title | Main Title text | |
subtitle | Smaller subtitle to be shown under the main title text. | |
title_size |
Choose size of the font to use in your header
options : normal, super, hyper
|
normal |
title_weight |
Choose weight of the font to use in the title
options : regular, black, bold, light, hairline
|
regular |
title_align |
Align the text shown in the header left, right or center.
options : center, left, right, justify
|
center |
title_underline |
Adds an underline effect below the title & subtitle.
options : underline, no-underline
|
no-underline |
swatch | Choose a color swatch for the section | swatch-white-red |
top_decoration |
Choose a style to use as the top decoration.
options : none, arrow, circle, clouds, cross, curtain, left-slope, right-slope, lines, rounded, rounded-inverted, triangle, triangle-inverted, zig-zag, zipper
|
none |
bottom_decoration |
Choose a style to use as the bottom decoration.
options : none, arrow, circle, clouds, cross, curtain, left-slope, right-slope, lines, rounded, rounded-inverted, triangle, triangle-inverted, zig-zag, zipper
|
none |
content | ||
height |
Choose the amount of padding added to the height of this section
options : normal, short, tiny, nopadding
|
normal |
fullheight |
Make the section fullheight( have a height at minimum as the screen size )
options : on, off
|
off |
width |
Choose between padded-non padded section
options : padded, no-padded
|
padded |
class | Add an optional class to the section | |
id | Add an optional id to the section | |
vertical_alignment |
Align the content of the section vertically
options : top, middle, bottom
|
top |
background_image | Choose an image to use for this rows background. | |
background_video | Enter url of a h.264 (mp4) video to use for this rows background. | |
background_video_webm | Enter url of a webm video to use for this rows background. | |
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 down. | 0 |
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
options : off, on
|
off |
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_image_attachment |
Set the way the background scrolls with the page. Scroll = normal Fixed = Parallax effect.
options : scroll, fixed
|
scroll |
Column shortcode for use inside a row.
[vc_column align="default" extra_classes="" os_animation_enabled="off" os_animation_delay="0.1" os_animation="bounce"] content goes here [/vc_column]
Name | Description | Default |
---|---|---|
align |
Sets the alignment items in the column.
options : Default, left, center, right
|
default |
extra_classes | Add any extra classes you need to add to this column. ( space separated ) | |
os_animation_enabled |
options : on, off
|
off |
os_animation_delay | Set the speed of animations | 0.1 |
os_animation |
Set the effect of the 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
|
bounce |
Creates a heading tag H1-H6
[heading header_type="h1" header_size="normal" header_weight="regular" header_align="center" header_underline="bordered-header"] content goes here [/heading]
Name | Description | Default |
---|---|---|
content | Header text | |
header_type |
Choose the type of header you want to use
options : h1, h2, h3, h4, h5, h6
|
h1 |
header_size |
Choose size of the font to use in your header
options : normal, 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 : center, left, right, justify
|
center |
header_underline |
Adds an underline effect below the header.
options : bordered-header, no-bordered-header
|
bordered-header |
Displays a horizontal / vertical list of services.
[services category="" count="3" style="horizontal" columns="3" image_shape="round" image_size="big" image_shadow="hide" connected="show" show_titles="show" link_titles="on" show_images="show" link_images="on" show_excerpts="show" align_excerpts="center" show_readmores="show" readmore_text="Read more" orderby="none" order="ASC"]
Name | Description | Default |
---|---|---|
category | Category of services to show | |
count | Number of services to show(set to 0 to show all) | 3 |
style |
Services will be shown horizontallly or vertically on the page.
options : horizontal, vertical
|
horizontal |
columns |
Number of columns to show the services in
options : 2, 3, 4, 6
|
3 |
image_shape |
options : round, square, rect, hex
|
round |
image_size |
options : big, huge, normal, medium, small
|
big |
image_shadow |
options : show, hide
|
hide |
connected |
Services will be connected with a dotted line.
options : show, hide
|
show |
show_titles |
options : show, hide
|
show |
link_titles |
options : on, off
|
on |
show_images |
options : show, hide
|
show |
link_images |
options : on, off
|
on |
show_excerpts |
options : show, hide
|
show |
align_excerpts |
Sets the text alignment of the excerpt text and the read more link.
options : left, center, right, justify
|
center |
show_readmores |
options : show, hide
|
show |
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 |
Displays a list / slideshow of testimonials.
[testimonials group="" count="3" show_image="show" slideshow="on" speed="7000" randomize="off"]
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 |
slideshow |
Display the testimonials as a slideshow
options : on, off
|
on |
speed | Set the speed of the slideshow cycling, in milliseconds | 7000 |
randomize |
Randomize the ordering of the testimonials
options : on, off
|
off |
Displays a list of staff members in columns.
[staff_list department="" count="3" columns="3" image_shape="round" image_size="big" image_shadow="hide" link_name="on" show_name="show" show_excerpts="show" align_excerpts="center" show_social="show" link_target="_self" orderby="none" order="ASC"]
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 |
image_shape |
options : round, square, rect, hex
|
round |
image_size |
options : big, huge, normal, medium, small
|
big |
image_shadow |
options : show, hide
|
hide |
link_name |
Make the name link to the url specified in staff page
options : on, off
|
on |
show_name |
Display the staff position below the name
options : show, hide
|
show |
show_excerpts |
options : show, hide
|
show |
align_excerpts |
Sets the text alignment of the excerpt text and the read more link.
options : left, center, right, justify
|
center |
show_social |
options : show, hide
|
show |
link_target |
Where the social links open to
options : _self, _blank, _parent, _top
|
_self |
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 |
Displays a featured section about one member of staff.
[staff_featured member="" image_shape="round" image_size="big" image_shadow="hide" show_position="show" show_content="show" content_size="big" align_content="center" show_social="show" link_target="_self"]
Name | Description | Default |
---|---|---|
member | Select the staff member that will be featured | |
image_shape |
options : round, square, rect, hex
|
round |
image_size |
options : big, huge, normal, medium, small
|
big |
image_shadow |
options : show, hide
|
hide |
show_position |
Display the staff position below the name
options : show, hide
|
show |
show_content |
options : show, hide
|
show |
content_size |
options : big, small
|
big |
align_content |
Sets the text alignment of the excerpt text and the read more link.
options : left, center, right, justify
|
center |
show_social |
options : show, hide
|
show |
link_target |
Where the social links open to
options : _self, _blank, _parent, _top
|
_self |
Displays a set of portfolio items in columns.
[portfolio categories="" count="3" columns="3" pagination="off" shape="round" show_shadow="show" show_title="show" show_excerpt="show" show_overlay="show" show_magnific="show" magnific_link_type="magnific" magnific_caption="post_title_caption" show_filters="show" orderby="none" order="ASC"]
Name | Description | Default |
---|---|---|
categories | Categories to show (leave blank to show all) | |
count | Number of portfolio items to display(per page) | 3 |
columns | Number of columns to show the portfolio in | 3 |
pagination |
Split your portfolio items in pages
options : off, simple, infinite
|
off |
shape |
Choose the portfolio image shape
options : round, square, rect, hex
|
round |
show_shadow |
options : show, hide
|
show |
show_title |
Display the portfolio title
options : show, hide
|
show |
show_excerpt |
Display the portfolio excerpt
options : show, hide
|
show |
show_overlay |
Show overlay on hover
options : show, hide
|
show |
show_magnific |
Open portfolio links in Magnific popup when overlay is hidden
options : show, hide
|
show |
magnific_link_type |
Select the magnific link type to use for the item.
options : magnific, magnific-all
|
magnific |
magnific_caption |
What the caption below the magnific popup image will be.
options : image_caption, post_title_caption, off
|
post_title_caption |
show_filters |
Show filter navigation
options : show, hide
|
show |
orderby |
Choose the way portfolio items will be ordered.
options : none, title, date, ID, author, modified, menu_order, rand
|
none |
order |
Choose how portfolio will be ordered.
options : ASC, DESC
|
ASC |
Displays a list of recent posts.
[recent_posts layout="simple" pagination="on" count="3" cat="" post_swatch="swatch-red-white" columns="3" infinite_scroll="on"]
Name | Description | Default |
---|---|---|
layout |
Section Layout
options : simple, slideshow, masonry
|
simple |
pagination |
Toggle Pagination on/off
options : on, off
|
on |
count | Number of posts to display per page ( if pagination is on ) or total number of posts ( if pagination is off/slideshow ) | 3 |
cat | Choose posts from a specific category | |
post_swatch | Choose a color swatch for the posts | swatch-red-white |
columns |
Number of columns to show posts in
options : 1, 2, 3, 4
|
3 |
infinite_scroll |
pagination is not displayed in masonry if infinite scrolling is on
options : on, off
|
on |
Adds a Google Map to the page.
[map map_type="ROADMAP" map_zoom="15" map_scroll="off" map_draggable="off" map_style="flat" marker="show" address="" lat="" lng="" label="" height="500"]
Name | Description | Default |
---|---|---|
map_type |
options : ROADMAP, SATELLITE, TERRAIN, HYBRID
|
ROADMAP |
map_zoom | 15 | |
map_scroll |
options : off, on
|
off |
map_draggable |
options : off, on
|
off |
map_style |
options : flat, regular
|
flat |
marker |
options : hide, show
|
show |
address | Address to show marker | |
lat | Latitude of marker (if you dont want to use address) | |
lng | Longitude of marker (if you dont want to use address) | |
label | Label to show above the marker | |
height | 500 |
Creates a circular chart to show a % value.
[pie track_colour="" bar_colour="" icon="" icon_animation="none" percentage="50" size="200" line_width="20"]
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 |
Creates a circular counter to show an integer value.
[counter value="" counter_size="normal" counter_weight="regular" underline="underline"]
Name | Description | Default |
---|---|---|
value | Value of the circular counter | |
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 : underline, no-underline
|
underline |
Displays a price info column.
[pricing heading="" featured="false" show_price="true" price="" currency="$" custom_currency="" per="" list="" show_button="true" button_text="" button_link=""]
Name | Description | Default |
---|---|---|
heading | Heading text of the column | |
featured |
options : false, true
|
false |
show_price |
options : true, false
|
true |
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. | |
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. |
Displays a shape with an icon alongside some text.
[feature show_icon="true" icon="" shape="round" animation="" title=""]
Name | Description | Default |
---|---|---|
show_icon |
Show / Hide the icon on the left.
options : true, false
|
true |
icon | Choose an icon to use in your featured icon | |
shape |
Set shape used for the icon.
options : square, round, hex
|
round |
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
|
|
title | Choose a title for your featured item. | |
content | Content to show below title. |
Adds a Flexslider slideshow to the page.
[slideshow flexslider="" animation="slide" direction="horizontal" speed="7000" duration="600" autostart="true" directionnav="hide" directionnavtype="simple" itemwidth="" showcontrols="show" controlsposition="inside" controlsalign="center" reverse="false" animationloop="true" captions="show" captions_vertical="bottom" captions_horizontal="left" tooltip="hide"]
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 |
speed | Set the speed of the slideshow cycling, in milliseconds | 7000 |
duration | Set the speed of animations | 600 |
autostart |
Start slideshow automatically
options : true, false
|
true |
directionnav |
options : show, hide
|
hide |
directionnavtype |
options : simple, fancy
|
simple |
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 |
reverse |
Reverse the animation direction
options : false, true
|
false |
animationloop |
Gives the slider a seamless infinite loop
options : true, false
|
true |
captions |
options : show, hide
|
show |
captions_vertical |
options : top, bottom
|
bottom |
captions_horizontal |
Choose among left, right and alternate positioning
options : left, right, alternate
|
left |
tooltip |
Show tooltip
options : show, hide
|
hide |
Displays an image.
[image images="" size="medium" align="none" alt="" link="" link_target="_self"]
Name | Description | Default |
---|---|---|
images | Place the source path of the image here | |
size |
Choose the size that the image will have
options : thumbnail, medium, large, full
|
medium |
align |
Sets the text alignment of the image.
options : none, left, center, right, justify
|
none |
alt | Place the alt of the image here | |
link | Place a link here | |
link_target |
Where the link will open.
options : _self, _blank
|
_self |
Displays an image that is clipped to a shape.
[shapedimage images="" shape_size="medium" shape="round" shape_shadow="show" align="none" animation="none" magnific="off" alt="" link="" link_target="_self"]
Name | Description | Default |
---|---|---|
images | Place the source path of the image here | |
shape_size |
Choose the size that the image will have
options : small, medium, normal, big, huge
|
medium |
shape |
Choose if the image will be roundrd or not
options : rect, square, round, hex
|
round |
shape_shadow |
options : hide, show
|
show |
align |
Sets the text alignment of the image.
options : none, left, center, right
|
none |
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 | |
link | Place a link here | |
link_target |
Where the link will open.
options : _self, _blank
|
_self |
Creates a shape with an icon in the middle.
[featuredicon icon="glass" shape_size="medium" shape="round" animation="" shape_shadow="show"]
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 : small, medium, normal, big, huge
|
medium |
shape |
Choose if the image will be roundrd or not
options : rect, square, round, hex
|
round |
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
|
|
shape_shadow |
Shows a shadow below the shape.
options : hide, show
|
show |
Displays a Font Awesome icon.
[icon size="16"]
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 |
Adds a Bootstrap button to the page.
[button type="default" size="normal" title="My button" modal="" link="" xclass="" link_open="_self" show_icon="no-icon" icon=""]
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, xs
|
normal |
title | 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 |
show_icon |
Use an icon in this button
options : no-icon, left, right
|
no-icon |
icon | Type of button to display |
Creates a fancy call to action button with an icon.
[fancybutton type="default" size="normal" align="center" label="My button" link="" xclass="" link_open="_self" icon_position="left" animation="none" icon=""]
Name | Description | Default |
---|---|---|
type |
Type of button to display
options : default, primary, info, success, warning, danger
|
default |
size |
Size of button to display
options : normal, lg
|
normal |
align |
Align the button.
options : left, center, right
|
center |
label | Add a label to the button | My button |
link | Where the button links to | |
xclass | Add an extra class to the button | |
link_open |
Where the button link opens to
options : _self, _blank, _parent, _top
|
_self |
icon_position |
Which side of the button to show the icon.
options : left, right
|
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 | Type of button to display |
Creates a Bootstrap Alert box.
[vc_message color="alert-success" title="Watch Out!" dismissable="false"]
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 |
Creates a Bootstrap Panel with a title and some content.
[panel title=""]
Name | Description | Default |
---|---|---|
title | The title of the panel. |
Creates a Bootstrap progress bar with a % value.
[progress percentage="50" type="progress" style="progress-bar-info"]
Name | Description | Default |
---|---|---|
percentage | Percentage of the progress bar | 50 |
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 |
Adds a lead paragraph, with slightly larger and bolder text.
[lead align="center"]
Name | Description | Default |
---|---|---|
align |
Sets the text alignment of the lead text.
options : left, center, right, justify
|
center |
content | Text to show in the lead text paragraph. |
Creates a quotation.
[blockquote align="left" who="" cite=""]
Name | Description | Default |
---|---|---|
align |
Sets the text alignment of the lead text.
options : left, right, justify
|
left |
content | Text to show in the quote. | |
who | Who said the quote. | |
cite | Citation of the quote (i.e the source). |
For use adding source code to a page.
[code]
Name | Description | Default |
---|---|---|
content | Source code to display. |
Adds a countdown timer for coming soon pages.
[countdown date="" number_size="normal" number_weight="regular" number_underline="no-underline"]
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 : underline, no-underline
|
no-underline |
Adds Social Sharing icons to your pages
[sharing fb_show="show" twitter_show="show" google_show="show" pinterest_show="show" linkedin_show="show"]
Name | Description | Default |
---|---|---|
fb_show |
Show Facebook share icon
options : show, hide
|
show |
twitter_show |
Show Twitter share icon
options : show, hide
|
show |
google_show |
Show Google+ share icon
options : show, hide
|
show |
pinterest_show |
Show Pinterest share icon
options : show, hide
|
show |
linkedin_show |
Show LinkedIn share icon
options : show, hide
|
show |
Adds a video player.
[vc_video link=""]
Name | Description | Default |
---|---|---|
link |