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 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_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" height="normal" transparency="opaque" vertical_alignment="default" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off"] content goes here [/vc_row]
Name | Description | Default |
---|---|---|
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_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 |
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 : default, top, middle, bottom
|
default |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
Column shortcode for use inside a row.
[vc_column align="default" column_colour="" align_sm="default" xs_col="default" sm_col="default" lg_col="default" extra_classes="" border_top="off" border_right="off" border_bottom="off" border_left="off" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off"] content goes here [/vc_column]
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
<992px) 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 ) | |
border_top |
Top border on the column
options : on, off
|
off |
border_right |
Right border on the column
options : on, off
|
off |
border_bottom |
Bottom border on the column
options : on, off
|
off |
border_left |
Left border on the column
options : on, off
|
off |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
Creates a heading.
[heading text_color="text-normal" header_type="h1" header_size="normal" header_weight="default" header_align="left" header_fade_out="off" extra_classes="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off"] content goes here [/heading]
Name | Description | Default |
---|---|---|
content | Text that will be used for the header. | |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
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, big, bigger, super, hyper
|
normal |
header_weight |
Choose weight of the font to use in the header
options : default, hairline, light, regular, black, bold
|
default |
header_align |
Align the text shown in the header left, right or center.
options : default, left, center, right, justify
|
left |
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
Creates an animated heading.
[animated_heading labels="" text_animation="rotate-1" text_color="text-normal" header_type="h1" header_size="normal" header_weight="default" header_align="left" extra_classes="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off"] content goes here [/animated_heading]
Name | Description | Default |
---|---|---|
content | Text that will be used for the header. Labels will be added to the text. | |
labels | Animating labels, separate labels with |. Will be added to the end of the header. | |
text_animation |
Set the animation type for the labels
options : rotate-1, letters rotate-2, letters rotate-3, letters type, loading-bar, slide, clip is-full-width, zoom, letters scale, push
|
rotate-1 |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
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, big, bigger, super, hyper
|
normal |
header_weight |
Choose weight of the font to use in the header
options : default, hairline, light, regular, black, bold
|
default |
header_align |
Align the text shown in the header left, right or center.
options : default, left, center, right, justify
|
left |
extra_classes | Space separated extra classes to add to the heading. | |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
Displays a single service.
[service service="" text_color="text-normal" image_shape="round" image_size="big" icon_colour="" icon_animation="bounce" background_colour="" overlay_grid="0" show_image="show" link_image="on" show_title="show" tag_title="h3" link_title="on" show_excerpt="show" align="center" show_readmore="hide" readmore_text="read more" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
service | Select a service post to show. | |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
image_shape |
options : round, square, rect, none
|
round |
image_size |
options : big, huge, normal, medium, small
|
big |
icon_colour | Set the color of the icon | |
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 |
background_colour | Set the color shape background. | |
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 |
tag_title |
options : h1, h2, h3, h4, h5, h6
|
h3 |
link_title |
options : on, off
|
on |
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays a horizontal list of services.
[services category="" count="3" columns="3" text_color="text-normal" image_shape="round" image_size="big" icon_colour="" icon_animation="bounce" background_colour="" overlay_grid="0" show_image="show" link_image="on" show_title="show" tag_title="h3" link_title="on" show_excerpt="show" align="center" show_readmore="hide" readmore_text="read more" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes="" scroll_animation_timing="staggered"]
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 |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
image_shape |
options : round, square, rect, none
|
round |
image_size |
options : big, huge, normal, medium, small
|
big |
icon_colour | Set the color of the icon | |
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 |
background_colour | Set the color shape background. | |
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 |
tag_title |
options : h1, h2, h3, h4, h5, h6
|
h3 |
link_title |
options : on, off
|
on |
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) | |
scroll_animation_timing |
Will animate all services at once or each one individually .
options : all-same, staggered
|
staggered |
Displays a slideshow of testimonials.
[testimonials group="" count="3" layout="image" min_height="" speed="7000" animation_type="slide" show_controls="show" randomize="off" text_align="center" text_color="text-normal" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
group | Group of testimonials to show | |
count | Number of Testimonials to display(set to 0 to show all) | 3 |
layout |
Sets layout style of the quote
options : image, no-image, quote, quotee, quotee-no-image
|
image |
min_height | Set a minimum height for the slider(in pxs), i.e 500 | |
speed | Set the speed of the slideshow cycling, in milliseconds | 7000 |
animation_type |
Sets the type of animation that occurs between quotes.
options : slide, fade
|
slide |
show_controls |
Toggles the slideshow bullet nav controls at the bottom.
options : show, hide
|
show |
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 |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays a list of testimonials.
[testimonials_list group="" count="3" columns="3" show_image="show" testimonial_scroll_animation_timing="staggered" text_color="text-normal" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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 : 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 |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays a list of staff members in columns.
[staff_list department="" count="3" columns="3" text_color="text-normal" show_position="show" show_social="show" link_title="on" show_description="show" text_align="center" overlay_animation="fade-in" overlay_grid="0" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes="" scroll_animation_timing="staggered"]
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 |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
show_position |
Display the staff position below the name
options : show, hide
|
show |
show_social |
Enables hover overlay.
options : show, hide
|
show |
link_title |
Makes the Title a link.
options : on, off
|
on |
show_description |
options : show, hide
|
show |
text_align |
The text alignment of the caption text / title.
options : center, left, right, justify
|
center |
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 |
overlay_grid | Grid pattern to apply over the image on hover. | 0 |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) | |
scroll_animation_timing |
Will animate all staff at once or each one individually .
options : all-same, staggered
|
staggered |
Displays a section about one member of staff.
[staff_featured member="" text_color="text-normal" show_position="show" show_social="show" link_title="on" show_description="show" text_align="center" overlay_animation="fade-in" overlay_grid="0" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
member | Select the staff member that will be featured | |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
show_position |
Display the staff position below the name
options : show, hide
|
show |
show_social |
Enables hover overlay.
options : show, hide
|
show |
link_title |
Makes the Title a link.
options : on, off
|
on |
show_description |
options : show, hide
|
show |
text_align |
The text alignment of the caption text / title.
options : center, left, right, justify
|
center |
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 |
overlay_grid | Grid pattern to apply over the image on hover. | 0 |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays a set of portfolio items in columns.
[portfolio categories="" filters="" count="0" xs_col="1" sm_col="2" md_col="3" lg_col="5" layout_mode="fitRows" item_padding="15" pagination="none" text_color="text-normal" 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" magnific_caption="image_caption" item_overlay_animation="fade-in" item_hover_filter="none" hover_filter_invert="image-filter-onhover" item_overlay_grid="0" item_overlay_icon="" item_scroll_animation="none" item_scroll_animation_delay="0" item_scroll_animation_timing="staggered" margin_top="20" margin_bottom="20" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off"]
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) | 1 |
sm_col | Number of columns to use on tablet sized displays (>768px <992px) | 2 |
md_col | Number of columns to use on regular desktop displays (>992px <1200px) | 3 |
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 |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
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, 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, magnific-all, 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 |
magnific_caption |
Caption shown below the magnific popup image
options : image_caption, post_title_caption, off
|
image_caption |
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 : , fa fa-address-book-o, fa fa-address-book, fa fa-address-card-o, fa fa-address-card, fa fa-bandcamp, fa fa-bath, fa fa-bathtub, fa fa-drivers-license-o, fa fa-drivers-license, fa fa-eercast, fa fa-envelope-open-o, fa fa-envelope-open, fa fa-etsy, fa fa-free-code-camp, fa fa-grav, fa fa-handshake-o, fa fa-id-badge, fa fa-id-card-o, fa fa-id-card, fa fa-imdb, fa fa-linode, fa fa-meetup, fa fa-microchip, fa fa-podcast, fa fa-quora, fa fa-ravelry, fa fa-s15, fa fa-shower, fa fa-snowflake-o, fa fa-superpowers, fa fa-telegram, fa fa-thermometer-0, fa fa-thermometer-1, fa fa-thermometer-2, fa fa-thermometer-3, fa fa-thermometer-4, fa fa-thermometer-empty, fa fa-thermometer-full, fa fa-thermometer-half, fa fa-thermometer-quarter, fa fa-thermometer-three-quarters, fa fa-thermometer, fa fa-times-rectangle-o, fa fa-times-rectangle, fa fa-user-circle-o, fa fa-user-circle, fa fa-user-o, fa fa-vcard-o, fa fa-vcard, fa fa-window-close-o, fa fa-window-close, fa fa-window-maximize, fa fa-window-minimize, fa fa-window-restore, fa fa-wpexplorer, fa fa-500px, fa fa-adjust, fa fa-adn, fa fa-align-center, fa fa-align-justify, fa fa-align-left, fa fa-align-right, fa fa-amazon, fa fa-ambulance, fa fa-american-sign-language-interpreting, fa fa-anchor, fa fa-android, fa fa-angellist, fa fa-angle-double-down, fa fa-angle-double-left, fa fa-angle-double-right, fa fa-angle-double-up, fa fa-angle-down, fa fa-angle-left, fa fa-angle-right, fa fa-angle-up, fa fa-apple, fa fa-archive, fa fa-area-chart, fa fa-arrow-circle-down, fa fa-arrow-circle-left, fa fa-arrow-circle-o-down, fa fa-arrow-circle-o-left, fa fa-arrow-circle-o-right, fa fa-arrow-circle-o-up, fa fa-arrow-circle-right, fa fa-arrow-circle-up, fa fa-arrow-down, fa fa-arrow-left, fa fa-arrow-right, fa fa-arrow-up, fa fa-arrows-alt, fa fa-arrows-h, fa fa-arrows-v, fa fa-arrows, fa fa-asl-interpreting, fa fa-assistive-listening-systems, fa fa-asterisk, fa fa-at, fa fa-audio-description, fa fa-automobile, fa fa-backward, fa fa-balance-scale, fa fa-ban, fa fa-bank, fa fa-bar-chart-o, fa fa-barcode, fa fa-bars, fa fa-battery-0, fa fa-battery-1, fa fa-battery-2, fa fa-battery-3, fa fa-battery-4, fa fa-battery-empty, fa fa-battery-full, fa fa-battery-half, fa fa-battery-quarter, fa fa-battery-three-quarters, fa fa-bed, fa fa-beer, fa fa-behance-square, fa fa-behance, fa fa-bell-o, fa fa-bell-slash-o, fa fa-bell-slash, fa fa-bell, fa fa-bicycle, fa fa-binoculars, fa fa-birthday-cake, fa fa-bitbucket-square, fa fa-bitbucket, fa fa-bitcoin, fa fa-black-tie, fa fa-blind, fa fa-bluetooth-b, fa fa-bluetooth, fa fa-bold, fa fa-bolt, fa fa-bomb, fa fa-book, fa fa-bookmark-o, fa fa-bookmark, fa fa-braille, fa fa-briefcase, fa fa-btc, fa fa-bug, fa fa-building-o, fa fa-building, fa fa-bullhorn, fa fa-bullseye, fa fa-bus, fa fa-buysellads, fa fa-cab, fa fa-calculator, fa fa-calendar-check-o, fa fa-calendar-minus-o, fa fa-calendar-o, fa fa-calendar-plus-o, fa fa-calendar-times-o, fa fa-calendar, fa fa-camera-retro, fa fa-camera, fa fa-car, fa fa-caret-down, fa fa-caret-left, fa fa-caret-right, fa fa-caret-square-o-down, fa fa-caret-square-o-left, fa fa-caret-square-o-right, fa fa-caret-square-o-up, fa fa-caret-up, fa fa-cart-arrow-down, fa fa-cart-plus, fa fa-cc-amex, fa fa-cc-diners-club, fa fa-cc-discover, fa fa-cc-jcb, fa fa-cc-mastercard, fa fa-cc-paypal, fa fa-cc-stripe, fa fa-cc-visa, fa fa-cc, fa fa-certificate, fa fa-chain-broken, fa fa-chain, fa fa-check-circle-o, fa fa-check-circle, fa fa-check-square-o, fa fa-check-square, fa fa-check, fa fa-chevron-circle-down, fa fa-chevron-circle-left, fa fa-chevron-circle-right, fa fa-chevron-circle-up, fa fa-chevron-down, fa fa-chevron-left, fa fa-chevron-right, fa fa-chevron-up, fa fa-child, fa fa-chrome, fa fa-circle-o-notch, fa fa-circle-o, fa fa-circle-thin, fa fa-circle, fa fa-clipboard, fa fa-clock-o, fa fa-clone, fa fa-cloud-download, fa fa-cloud-upload, fa fa-cloud, fa fa-cny, fa fa-code-fork, fa fa-code, fa fa-codepen, fa fa-codiepie, fa fa-coffee, fa fa-cog, fa fa-cogs, fa fa-columns, fa fa-comment-o, fa fa-comment, fa fa-commenting-o, fa fa-commenting, fa fa-comments-o, fa fa-comments, fa fa-compass, fa fa-compress, fa fa-connectdevelop, fa fa-contao, fa fa-copy, fa fa-copyright, fa fa-creative-commons, fa fa-credit-card-alt, fa fa-credit-card, fa fa-crop, fa fa-crosshairs, fa fa-css3, fa fa-cube, fa fa-cubes, fa fa-cut, fa fa-cutlery, fa fa-dashboard, fa fa-dashcube, fa fa-database, fa fa-deaf, fa fa-deafness, fa fa-dedent, fa fa-delicious, fa fa-desktop, fa fa-deviantart, fa fa-diamond, fa fa-digg, fa fa-dollar, fa fa-dot-circle-o, fa fa-download, fa fa-dribbble, fa fa-dropbox, fa fa-drupal, fa fa-edge, fa fa-edit, fa fa-eject, fa fa-ellipsis-h, fa fa-ellipsis-v, fa fa-empire, fa fa-envelope-o, fa fa-envelope-square, fa fa-envelope, fa fa-envira, fa fa-eraser, fa fa-eur, fa fa-euro, fa fa-exchange, fa fa-exclamation-circle, fa fa-exclamation-triangle, fa fa-exclamation, fa fa-expand, fa fa-expeditedssl, fa fa-external-link-square, fa fa-external-link, fa fa-eye-slash, fa fa-eye, fa fa-eyedropper, fa fa-facebook-official, fa fa-facebook-square, fa fa-facebook, fa fa-fast-backward, fa fa-fast-forward, fa fa-fax, fa fa-female, fa fa-fighter-jet, fa fa-file-archive-o, fa fa-file-audio-o, fa fa-file-code-o, fa fa-file-excel-o, fa fa-file-image-o, fa fa-file-movie-o, fa fa-file-o, fa fa-file-pdf-o, fa fa-file-photo-o, fa fa-file-picture-o, fa fa-file-powerpoint-o, fa fa-file-sound-o, fa fa-file-text-o, fa fa-file-text, fa fa-file-video-o, fa fa-file-word-o, fa fa-file-zip-o, fa fa-file, fa fa-files-o, fa fa-film, fa fa-filter, fa fa-fire-extinguisher, fa fa-fire, fa fa-firefox, fa fa-first-order, fa fa-flag-checkered, fa fa-flag-o, fa fa-flag, fa fa-flash, fa fa-flask, fa fa-flickr, fa fa-floppy-o, fa fa-folder-o, fa fa-folder-open-o, fa fa-folder-open, fa fa-folder, fa fa-font, fa fa-fonticons, fa fa-fort-awesome, fa fa-forumbee, fa fa-forward, fa fa-foursquare, fa fa-frown-o, fa fa-futbol-o, fa fa-gamepad, fa fa-gavel, fa fa-gbp, fa fa-ge, fa fa-gear, fa fa-gears, fa fa-genderless, fa fa-get-pocket, fa fa-gg-circle, fa fa-gg, fa fa-gift, fa fa-git-square, fa fa-git, fa fa-github-alt, fa fa-github-square, fa fa-github, fa fa-gitlab, fa fa-gittip, fa fa-glass, fa fa-glide-g, fa fa-glide, fa fa-globe, fa fa-google-plus-square, fa fa-google-plus, fa fa-google-wallet, fa fa-google, fa fa-graduation-cap, fa fa-group, fa fa-h-square, fa fa-hacker-news, fa fa-hand-grab-o, fa fa-hand-lizard-o, fa fa-hand-o-down, fa fa-hand-o-left, fa fa-hand-o-right, fa fa-hand-o-up, fa fa-hand-paper-o, fa fa-hand-peace-o, fa fa-hand-pointer-o, fa fa-hand-rock-o, fa fa-hand-scissors-o, fa fa-hand-spock-o, fa fa-hand-stop-o, fa fa-hard-of-hearing, fa fa-hashtag, fa fa-hdd-o, fa fa-header, fa fa-headphones, fa fa-heart-o, fa fa-heart, fa fa-heartbeat, fa fa-history, fa fa-home, fa fa-hospital-o, fa fa-hotel, fa fa-hourglass-1, fa fa-hourglass-2, fa fa-hourglass-3, fa fa-hourglass-end, fa fa-hourglass-half, fa fa-hourglass-o, fa fa-hourglass-start, fa fa-hourglass, fa fa-houzz, fa fa-html5, fa fa-i-cursor, fa fa-ils, fa fa-image, fa fa-inbox, fa fa-indent, fa fa-industry, fa fa-info-circle, fa fa-info, fa fa-inr, fa fa-instagram, fa fa-institution, fa fa-internet-explorer, fa fa-ioxhost, fa fa-italic, fa fa-joomla, fa fa-jpy, fa fa-jsfiddle, fa fa-key, fa fa-keyboard-o, fa fa-krw, fa fa-language, fa fa-laptop, fa fa-lastfm-square, fa fa-lastfm, fa fa-leaf, fa fa-leanpub, fa fa-legal, fa fa-lemon-o, fa fa-level-down, fa fa-level-up, fa fa-life-bouy, fa fa-life-ring, fa fa-life-saver, fa fa-lightbulb-o, fa fa-line-chart, fa fa-link, fa fa-linkedin-square, fa fa-linkedin, fa fa-linux, fa fa-list-alt, fa fa-list-ol, fa fa-list-ul, fa fa-list, fa fa-location-arrow, fa fa-lock, fa fa-long-arrow-down, fa fa-long-arrow-left, fa fa-long-arrow-right, fa fa-long-arrow-up, fa fa-low-vision, fa fa-magic, fa fa-magnet, fa fa-mail-forward, fa fa-mail-reply-all, fa fa-mail-reply, fa fa-male, fa fa-map-marker, fa fa-map-o, fa fa-map-pin, fa fa-map-signs, fa fa-map, fa fa-mars-double, fa fa-mars-stroke-h, fa fa-mars-stroke-v, fa fa-mars-stroke, fa fa-mars, fa fa-maxcdn, fa fa-meanpath, fa fa-medium, fa fa-medkit, fa fa-meh-o, fa fa-mercury, fa fa-microphone-slash, fa fa-microphone, fa fa-minus-circle, fa fa-minus-square-o, fa fa-minus-square, fa fa-minus, fa fa-mixcloud, fa fa-mobile-phone, fa fa-mobile, fa fa-modx, fa fa-money, fa fa-moon-o, fa fa-mortar-board, fa fa-motorcycle, fa fa-mouse-pointer, fa fa-music, fa fa-navicon, fa fa-neuter, fa fa-newspaper-o, fa fa-object-group, fa fa-object-ungroup, fa fa-odnoklassniki-square, fa fa-odnoklassniki, fa fa-opencart, fa fa-openid, fa fa-opera, fa fa-optin-monster, fa fa-outdent, fa fa-pagelines, fa fa-paint-brush, fa fa-paper-plane-o, fa fa-paper-plane, fa fa-paperclip, fa fa-paragraph, fa fa-paste, fa fa-pause-circle-o, fa fa-pause-circle, fa fa-pause, fa fa-paw, fa fa-paypal, fa fa-pencil-square-o, fa fa-pencil-square, fa fa-pencil, fa fa-percent, fa fa-phone-square, fa fa-phone, fa fa-photo, fa fa-picture-o, fa fa-pie-chart, fa fa-pied-piper-alt, fa fa-pied-piper-square, fa fa-pied-piper, fa fa-pinterest-p, fa fa-pinterest-square, fa fa-pinterest, fa fa-plane, fa fa-play-circle-o, fa fa-play-circle, fa fa-play, fa fa-plug, fa fa-plus-circle, fa fa-plus-square-o, fa fa-plus-square, fa fa-plus, fa fa-power-off, fa fa-print, fa fa-product-hunt, fa fa-puzzle-piece, fa fa-qq, fa fa-qrcode, fa fa-question-circle-o, fa fa-question-circle, fa fa-question, fa fa-quote-left, fa fa-quote-right, fa fa-ra, fa fa-random, fa fa-rebel, fa fa-recycle, fa fa-reddit-alien, fa fa-reddit-square, fa fa-reddit, fa fa-refresh, fa fa-registered, fa fa-renren, fa fa-reorder, fa fa-repeat, fa fa-reply-all, fa fa-reply, fa fa-retweet, fa fa-rmb, fa fa-road, fa fa-rocket, fa fa-rotate-left, fa fa-rotate-right, fa fa-rouble, fa fa-rss-square, fa fa-rss, fa fa-rub, fa fa-ruble, fa fa-rupee, fa fa-safari, fa fa-save, fa fa-scissors, fa fa-scribd, fa fa-search-minus, fa fa-search-plus, fa fa-search, fa fa-sellsy, fa fa-send-o, fa fa-send, fa fa-server, fa fa-share-alt-square, fa fa-share-alt, fa fa-share-square-o, fa fa-share-square, fa fa-share, fa fa-shekel, fa fa-sheqel, fa fa-shield, fa fa-ship, fa fa-shirtsinbulk, fa fa-shopping-bag, fa fa-shopping-basket, fa fa-shopping-cart, fa fa-sign-in, fa fa-sign-language, fa fa-sign-out, fa fa-signal, fa fa-signing, fa fa-simplybuilt, fa fa-sitemap, fa fa-skyatlas, fa fa-skype, fa fa-slack, fa fa-sliders, fa fa-slideshare, fa fa-smile-o, fa fa-snapchat-ghost, fa fa-snapchat-square, fa fa-snapchat, fa fa-soccer-ball-o, fa fa-sort-alpha-asc, fa fa-sort-alpha-desc, fa fa-sort-amount-asc, fa fa-sort-amount-desc, fa fa-sort-asc, fa fa-sort-desc, fa fa-sort-down, fa fa-sort-numeric-asc, fa fa-sort-numeric-desc, fa fa-sort-up, fa fa-sort, fa fa-soundcloud, fa fa-space-shuttle, fa fa-spinner, fa fa-spoon, fa fa-spotify, fa fa-square-o, fa fa-square, fa fa-stack-exchange, fa fa-stack-overflow, fa fa-star-half-empty, fa fa-star-half-full, fa fa-star-half-o, fa fa-star-half, fa fa-star-o, fa fa-star, fa fa-steam-square, fa fa-steam, fa fa-step-backward, fa fa-step-forward, fa fa-stethoscope, fa fa-sticky-note-o, fa fa-sticky-note, fa fa-stop-circle-o, fa fa-stop-circle, fa fa-stop, fa fa-street-view, fa fa-strikethrough, fa fa-stumbleupon-circle, fa fa-stumbleupon, fa fa-subscript, fa fa-subway, fa fa-suitcase, fa fa-sun-o, fa fa-superscript, fa fa-support, fa fa-table, fa fa-tablet, fa fa-tachometer, fa fa-tag, fa fa-tags, fa fa-tasks, fa fa-taxi, fa fa-television, fa fa-tencent-weibo, fa fa-terminal, fa fa-text-height, fa fa-text-width, fa fa-th-large, fa fa-th-list, fa fa-th, fa fa-themeisle, fa fa-thumb-tack, fa fa-thumbs-down, fa fa-thumbs-o-down, fa fa-thumbs-o-up, fa fa-thumbs-up, fa fa-ticket, fa fa-times-circle-o, fa fa-times-circle, fa fa-times, fa fa-tint, fa fa-toggle-down, fa fa-toggle-left, fa fa-toggle-off, fa fa-toggle-on, fa fa-toggle-right, fa fa-toggle-up, fa fa-trademark, fa fa-train, fa fa-transgender-alt, fa fa-transgender, fa fa-trash-o, fa fa-trash, fa fa-tree, fa fa-trello, fa fa-tripadvisor, fa fa-trophy, fa fa-truck, fa fa-try, fa fa-tty, fa fa-tumblr-square, fa fa-tumblr, fa fa-turkish-lira, fa fa-tv, fa fa-twitch, fa fa-twitter-square, fa fa-twitter, fa fa-umbrella, fa fa-underline, fa fa-undo, fa fa-universal-access, fa fa-university, fa fa-unlink, fa fa-unlock-alt, fa fa-unlock, fa fa-unsorted, fa fa-upload, fa fa-usb, fa fa-usd, fa fa-user-md, fa fa-user-plus, fa fa-user-secret, fa fa-user-times, fa fa-user, fa fa-users, fa fa-venus-double, fa fa-venus-mars, fa fa-venus, fa fa-viacoin, fa fa-viadeo-square, fa fa-viadeo, fa fa-video-camera, fa fa-vimeo-square, fa fa-vimeo, fa fa-vine, fa fa-vk, fa fa-volume-control-phone, fa fa-volume-down, fa fa-volume-off, fa fa-volume-up, fa fa-warning, fa fa-wechat, fa fa-weibo, fa fa-weixin, fa fa-whatsapp, fa fa-wheelchair-alt, fa fa-wheelchair, fa fa-wifi, fa fa-wikipedia-w, fa fa-windows, fa fa-won, fa fa-wordpress, fa fa-wpbeginner, fa fa-wpforms, fa fa-wrench, fa fa-xing-square, fa fa-xing, fa fa-y-combinator, fa fa-yahoo, fa fa-yc, fa fa-yelp, fa fa-yen, fa fa-yoast, fa fa-youtube-play, fa fa-youtube-square, fa fa-youtube, icon-air-play, icon-align-center, icon-align-justify, icon-align-left, icon-align-right, icon-alt, icon-anchor, icon-archive, icon-arrow-down, icon-arrow-left, icon-arrow-right, icon-arrow-up, icon-bag, icon-ban, icon-bar-graph-2, icon-bar-graph, icon-battery, icon-bell, icon-book, icon-box, icon-briefcase, icon-camera, icon-check, icon-circle-check, icon-circle-cross, icon-circle-minus, icon-circle-plus, icon-clipboard, icon-clock, icon-cloud-download, icon-cloud-upload, icon-cloud, icon-cog, icon-columns, icon-command, icon-content-left, icon-content-right, icon-contract, icon-cross, icon-delete, icon-disc, icon-download, icon-drop, icon-ellipsis, icon-esc, icon-expand, icon-eye, icon-fast-forward, icon-file-add, icon-file-subtract, icon-file, icon-flag, icon-folder, icon-globe, icon-grid-2, icon-grid, icon-head, icon-heart, icon-help, icon-image, icon-inbox, icon-layers, icon-layout, icon-link, icon-loader, icon-location-2, icon-location, icon-lock, icon-mail, icon-map, icon-marquee-minus, icon-marquee-plus, icon-marquee, icon-maximize, icon-menu, icon-microphone, icon-minimize, icon-minus, icon-monitor, icon-moon, icon-move, icon-mute, icon-open, icon-outbox, icon-paper-clip, icon-paper-stack, icon-paper, icon-paragraph, icon-pause, icon-pie-graph, icon-play, icon-plus, icon-power, icon-printer, icon-record, icon-reload, icon-repeat, icon-reply, icon-rewind, icon-ribbon, icon-search, icon-server, icon-share, icon-shuffle, icon-signal, icon-skip-back, icon-skip-forward, icon-speech-bubble, icon-square-check, icon-square-cross, icon-square-minus, icon-square-plus, icon-stack-2, icon-stack, icon-star, icon-stop, icon-sun, icon-tag, icon-target, icon-thermometer, icon-toggle, icon-trash, icon-umbrella, icon-unlock, icon-upload, icon-video, icon-volume, icon-watch, icon-zoom-in, icon-zoom-out
|
|
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
Displays a set of portfolio items using a masonry style.
[portfolio_masonry categories="" filters="" count="0" xs_col="1" sm_col="2" md_col="4" lg_col="6" pagination="none" text_color="text-normal" item_size="full" item_padding="0" item_overlay="icon" item_link_type="magnific" 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="20" margin_bottom="20" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off"]
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) | 1 |
sm_col | Number of columns to use on tablet sized displays (>768px <992px) | 2 |
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) | 6 |
pagination |
Select type of pagination to use for this portfolio list.
options : none, next_prev, pages
|
none |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
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, 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_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 : , fa fa-address-book-o, fa fa-address-book, fa fa-address-card-o, fa fa-address-card, fa fa-bandcamp, fa fa-bath, fa fa-bathtub, fa fa-drivers-license-o, fa fa-drivers-license, fa fa-eercast, fa fa-envelope-open-o, fa fa-envelope-open, fa fa-etsy, fa fa-free-code-camp, fa fa-grav, fa fa-handshake-o, fa fa-id-badge, fa fa-id-card-o, fa fa-id-card, fa fa-imdb, fa fa-linode, fa fa-meetup, fa fa-microchip, fa fa-podcast, fa fa-quora, fa fa-ravelry, fa fa-s15, fa fa-shower, fa fa-snowflake-o, fa fa-superpowers, fa fa-telegram, fa fa-thermometer-0, fa fa-thermometer-1, fa fa-thermometer-2, fa fa-thermometer-3, fa fa-thermometer-4, fa fa-thermometer-empty, fa fa-thermometer-full, fa fa-thermometer-half, fa fa-thermometer-quarter, fa fa-thermometer-three-quarters, fa fa-thermometer, fa fa-times-rectangle-o, fa fa-times-rectangle, fa fa-user-circle-o, fa fa-user-circle, fa fa-user-o, fa fa-vcard-o, fa fa-vcard, fa fa-window-close-o, fa fa-window-close, fa fa-window-maximize, fa fa-window-minimize, fa fa-window-restore, fa fa-wpexplorer, fa fa-500px, fa fa-adjust, fa fa-adn, fa fa-align-center, fa fa-align-justify, fa fa-align-left, fa fa-align-right, fa fa-amazon, fa fa-ambulance, fa fa-american-sign-language-interpreting, fa fa-anchor, fa fa-android, fa fa-angellist, fa fa-angle-double-down, fa fa-angle-double-left, fa fa-angle-double-right, fa fa-angle-double-up, fa fa-angle-down, fa fa-angle-left, fa fa-angle-right, fa fa-angle-up, fa fa-apple, fa fa-archive, fa fa-area-chart, fa fa-arrow-circle-down, fa fa-arrow-circle-left, fa fa-arrow-circle-o-down, fa fa-arrow-circle-o-left, fa fa-arrow-circle-o-right, fa fa-arrow-circle-o-up, fa fa-arrow-circle-right, fa fa-arrow-circle-up, fa fa-arrow-down, fa fa-arrow-left, fa fa-arrow-right, fa fa-arrow-up, fa fa-arrows-alt, fa fa-arrows-h, fa fa-arrows-v, fa fa-arrows, fa fa-asl-interpreting, fa fa-assistive-listening-systems, fa fa-asterisk, fa fa-at, fa fa-audio-description, fa fa-automobile, fa fa-backward, fa fa-balance-scale, fa fa-ban, fa fa-bank, fa fa-bar-chart-o, fa fa-barcode, fa fa-bars, fa fa-battery-0, fa fa-battery-1, fa fa-battery-2, fa fa-battery-3, fa fa-battery-4, fa fa-battery-empty, fa fa-battery-full, fa fa-battery-half, fa fa-battery-quarter, fa fa-battery-three-quarters, fa fa-bed, fa fa-beer, fa fa-behance-square, fa fa-behance, fa fa-bell-o, fa fa-bell-slash-o, fa fa-bell-slash, fa fa-bell, fa fa-bicycle, fa fa-binoculars, fa fa-birthday-cake, fa fa-bitbucket-square, fa fa-bitbucket, fa fa-bitcoin, fa fa-black-tie, fa fa-blind, fa fa-bluetooth-b, fa fa-bluetooth, fa fa-bold, fa fa-bolt, fa fa-bomb, fa fa-book, fa fa-bookmark-o, fa fa-bookmark, fa fa-braille, fa fa-briefcase, fa fa-btc, fa fa-bug, fa fa-building-o, fa fa-building, fa fa-bullhorn, fa fa-bullseye, fa fa-bus, fa fa-buysellads, fa fa-cab, fa fa-calculator, fa fa-calendar-check-o, fa fa-calendar-minus-o, fa fa-calendar-o, fa fa-calendar-plus-o, fa fa-calendar-times-o, fa fa-calendar, fa fa-camera-retro, fa fa-camera, fa fa-car, fa fa-caret-down, fa fa-caret-left, fa fa-caret-right, fa fa-caret-square-o-down, fa fa-caret-square-o-left, fa fa-caret-square-o-right, fa fa-caret-square-o-up, fa fa-caret-up, fa fa-cart-arrow-down, fa fa-cart-plus, fa fa-cc-amex, fa fa-cc-diners-club, fa fa-cc-discover, fa fa-cc-jcb, fa fa-cc-mastercard, fa fa-cc-paypal, fa fa-cc-stripe, fa fa-cc-visa, fa fa-cc, fa fa-certificate, fa fa-chain-broken, fa fa-chain, fa fa-check-circle-o, fa fa-check-circle, fa fa-check-square-o, fa fa-check-square, fa fa-check, fa fa-chevron-circle-down, fa fa-chevron-circle-left, fa fa-chevron-circle-right, fa fa-chevron-circle-up, fa fa-chevron-down, fa fa-chevron-left, fa fa-chevron-right, fa fa-chevron-up, fa fa-child, fa fa-chrome, fa fa-circle-o-notch, fa fa-circle-o, fa fa-circle-thin, fa fa-circle, fa fa-clipboard, fa fa-clock-o, fa fa-clone, fa fa-cloud-download, fa fa-cloud-upload, fa fa-cloud, fa fa-cny, fa fa-code-fork, fa fa-code, fa fa-codepen, fa fa-codiepie, fa fa-coffee, fa fa-cog, fa fa-cogs, fa fa-columns, fa fa-comment-o, fa fa-comment, fa fa-commenting-o, fa fa-commenting, fa fa-comments-o, fa fa-comments, fa fa-compass, fa fa-compress, fa fa-connectdevelop, fa fa-contao, fa fa-copy, fa fa-copyright, fa fa-creative-commons, fa fa-credit-card-alt, fa fa-credit-card, fa fa-crop, fa fa-crosshairs, fa fa-css3, fa fa-cube, fa fa-cubes, fa fa-cut, fa fa-cutlery, fa fa-dashboard, fa fa-dashcube, fa fa-database, fa fa-deaf, fa fa-deafness, fa fa-dedent, fa fa-delicious, fa fa-desktop, fa fa-deviantart, fa fa-diamond, fa fa-digg, fa fa-dollar, fa fa-dot-circle-o, fa fa-download, fa fa-dribbble, fa fa-dropbox, fa fa-drupal, fa fa-edge, fa fa-edit, fa fa-eject, fa fa-ellipsis-h, fa fa-ellipsis-v, fa fa-empire, fa fa-envelope-o, fa fa-envelope-square, fa fa-envelope, fa fa-envira, fa fa-eraser, fa fa-eur, fa fa-euro, fa fa-exchange, fa fa-exclamation-circle, fa fa-exclamation-triangle, fa fa-exclamation, fa fa-expand, fa fa-expeditedssl, fa fa-external-link-square, fa fa-external-link, fa fa-eye-slash, fa fa-eye, fa fa-eyedropper, fa fa-facebook-official, fa fa-facebook-square, fa fa-facebook, fa fa-fast-backward, fa fa-fast-forward, fa fa-fax, fa fa-female, fa fa-fighter-jet, fa fa-file-archive-o, fa fa-file-audio-o, fa fa-file-code-o, fa fa-file-excel-o, fa fa-file-image-o, fa fa-file-movie-o, fa fa-file-o, fa fa-file-pdf-o, fa fa-file-photo-o, fa fa-file-picture-o, fa fa-file-powerpoint-o, fa fa-file-sound-o, fa fa-file-text-o, fa fa-file-text, fa fa-file-video-o, fa fa-file-word-o, fa fa-file-zip-o, fa fa-file, fa fa-files-o, fa fa-film, fa fa-filter, fa fa-fire-extinguisher, fa fa-fire, fa fa-firefox, fa fa-first-order, fa fa-flag-checkered, fa fa-flag-o, fa fa-flag, fa fa-flash, fa fa-flask, fa fa-flickr, fa fa-floppy-o, fa fa-folder-o, fa fa-folder-open-o, fa fa-folder-open, fa fa-folder, fa fa-font, fa fa-fonticons, fa fa-fort-awesome, fa fa-forumbee, fa fa-forward, fa fa-foursquare, fa fa-frown-o, fa fa-futbol-o, fa fa-gamepad, fa fa-gavel, fa fa-gbp, fa fa-ge, fa fa-gear, fa fa-gears, fa fa-genderless, fa fa-get-pocket, fa fa-gg-circle, fa fa-gg, fa fa-gift, fa fa-git-square, fa fa-git, fa fa-github-alt, fa fa-github-square, fa fa-github, fa fa-gitlab, fa fa-gittip, fa fa-glass, fa fa-glide-g, fa fa-glide, fa fa-globe, fa fa-google-plus-square, fa fa-google-plus, fa fa-google-wallet, fa fa-google, fa fa-graduation-cap, fa fa-group, fa fa-h-square, fa fa-hacker-news, fa fa-hand-grab-o, fa fa-hand-lizard-o, fa fa-hand-o-down, fa fa-hand-o-left, fa fa-hand-o-right, fa fa-hand-o-up, fa fa-hand-paper-o, fa fa-hand-peace-o, fa fa-hand-pointer-o, fa fa-hand-rock-o, fa fa-hand-scissors-o, fa fa-hand-spock-o, fa fa-hand-stop-o, fa fa-hard-of-hearing, fa fa-hashtag, fa fa-hdd-o, fa fa-header, fa fa-headphones, fa fa-heart-o, fa fa-heart, fa fa-heartbeat, fa fa-history, fa fa-home, fa fa-hospital-o, fa fa-hotel, fa fa-hourglass-1, fa fa-hourglass-2, fa fa-hourglass-3, fa fa-hourglass-end, fa fa-hourglass-half, fa fa-hourglass-o, fa fa-hourglass-start, fa fa-hourglass, fa fa-houzz, fa fa-html5, fa fa-i-cursor, fa fa-ils, fa fa-image, fa fa-inbox, fa fa-indent, fa fa-industry, fa fa-info-circle, fa fa-info, fa fa-inr, fa fa-instagram, fa fa-institution, fa fa-internet-explorer, fa fa-ioxhost, fa fa-italic, fa fa-joomla, fa fa-jpy, fa fa-jsfiddle, fa fa-key, fa fa-keyboard-o, fa fa-krw, fa fa-language, fa fa-laptop, fa fa-lastfm-square, fa fa-lastfm, fa fa-leaf, fa fa-leanpub, fa fa-legal, fa fa-lemon-o, fa fa-level-down, fa fa-level-up, fa fa-life-bouy, fa fa-life-ring, fa fa-life-saver, fa fa-lightbulb-o, fa fa-line-chart, fa fa-link, fa fa-linkedin-square, fa fa-linkedin, fa fa-linux, fa fa-list-alt, fa fa-list-ol, fa fa-list-ul, fa fa-list, fa fa-location-arrow, fa fa-lock, fa fa-long-arrow-down, fa fa-long-arrow-left, fa fa-long-arrow-right, fa fa-long-arrow-up, fa fa-low-vision, fa fa-magic, fa fa-magnet, fa fa-mail-forward, fa fa-mail-reply-all, fa fa-mail-reply, fa fa-male, fa fa-map-marker, fa fa-map-o, fa fa-map-pin, fa fa-map-signs, fa fa-map, fa fa-mars-double, fa fa-mars-stroke-h, fa fa-mars-stroke-v, fa fa-mars-stroke, fa fa-mars, fa fa-maxcdn, fa fa-meanpath, fa fa-medium, fa fa-medkit, fa fa-meh-o, fa fa-mercury, fa fa-microphone-slash, fa fa-microphone, fa fa-minus-circle, fa fa-minus-square-o, fa fa-minus-square, fa fa-minus, fa fa-mixcloud, fa fa-mobile-phone, fa fa-mobile, fa fa-modx, fa fa-money, fa fa-moon-o, fa fa-mortar-board, fa fa-motorcycle, fa fa-mouse-pointer, fa fa-music, fa fa-navicon, fa fa-neuter, fa fa-newspaper-o, fa fa-object-group, fa fa-object-ungroup, fa fa-odnoklassniki-square, fa fa-odnoklassniki, fa fa-opencart, fa fa-openid, fa fa-opera, fa fa-optin-monster, fa fa-outdent, fa fa-pagelines, fa fa-paint-brush, fa fa-paper-plane-o, fa fa-paper-plane, fa fa-paperclip, fa fa-paragraph, fa fa-paste, fa fa-pause-circle-o, fa fa-pause-circle, fa fa-pause, fa fa-paw, fa fa-paypal, fa fa-pencil-square-o, fa fa-pencil-square, fa fa-pencil, fa fa-percent, fa fa-phone-square, fa fa-phone, fa fa-photo, fa fa-picture-o, fa fa-pie-chart, fa fa-pied-piper-alt, fa fa-pied-piper-square, fa fa-pied-piper, fa fa-pinterest-p, fa fa-pinterest-square, fa fa-pinterest, fa fa-plane, fa fa-play-circle-o, fa fa-play-circle, fa fa-play, fa fa-plug, fa fa-plus-circle, fa fa-plus-square-o, fa fa-plus-square, fa fa-plus, fa fa-power-off, fa fa-print, fa fa-product-hunt, fa fa-puzzle-piece, fa fa-qq, fa fa-qrcode, fa fa-question-circle-o, fa fa-question-circle, fa fa-question, fa fa-quote-left, fa fa-quote-right, fa fa-ra, fa fa-random, fa fa-rebel, fa fa-recycle, fa fa-reddit-alien, fa fa-reddit-square, fa fa-reddit, fa fa-refresh, fa fa-registered, fa fa-renren, fa fa-reorder, fa fa-repeat, fa fa-reply-all, fa fa-reply, fa fa-retweet, fa fa-rmb, fa fa-road, fa fa-rocket, fa fa-rotate-left, fa fa-rotate-right, fa fa-rouble, fa fa-rss-square, fa fa-rss, fa fa-rub, fa fa-ruble, fa fa-rupee, fa fa-safari, fa fa-save, fa fa-scissors, fa fa-scribd, fa fa-search-minus, fa fa-search-plus, fa fa-search, fa fa-sellsy, fa fa-send-o, fa fa-send, fa fa-server, fa fa-share-alt-square, fa fa-share-alt, fa fa-share-square-o, fa fa-share-square, fa fa-share, fa fa-shekel, fa fa-sheqel, fa fa-shield, fa fa-ship, fa fa-shirtsinbulk, fa fa-shopping-bag, fa fa-shopping-basket, fa fa-shopping-cart, fa fa-sign-in, fa fa-sign-language, fa fa-sign-out, fa fa-signal, fa fa-signing, fa fa-simplybuilt, fa fa-sitemap, fa fa-skyatlas, fa fa-skype, fa fa-slack, fa fa-sliders, fa fa-slideshare, fa fa-smile-o, fa fa-snapchat-ghost, fa fa-snapchat-square, fa fa-snapchat, fa fa-soccer-ball-o, fa fa-sort-alpha-asc, fa fa-sort-alpha-desc, fa fa-sort-amount-asc, fa fa-sort-amount-desc, fa fa-sort-asc, fa fa-sort-desc, fa fa-sort-down, fa fa-sort-numeric-asc, fa fa-sort-numeric-desc, fa fa-sort-up, fa fa-sort, fa fa-soundcloud, fa fa-space-shuttle, fa fa-spinner, fa fa-spoon, fa fa-spotify, fa fa-square-o, fa fa-square, fa fa-stack-exchange, fa fa-stack-overflow, fa fa-star-half-empty, fa fa-star-half-full, fa fa-star-half-o, fa fa-star-half, fa fa-star-o, fa fa-star, fa fa-steam-square, fa fa-steam, fa fa-step-backward, fa fa-step-forward, fa fa-stethoscope, fa fa-sticky-note-o, fa fa-sticky-note, fa fa-stop-circle-o, fa fa-stop-circle, fa fa-stop, fa fa-street-view, fa fa-strikethrough, fa fa-stumbleupon-circle, fa fa-stumbleupon, fa fa-subscript, fa fa-subway, fa fa-suitcase, fa fa-sun-o, fa fa-superscript, fa fa-support, fa fa-table, fa fa-tablet, fa fa-tachometer, fa fa-tag, fa fa-tags, fa fa-tasks, fa fa-taxi, fa fa-television, fa fa-tencent-weibo, fa fa-terminal, fa fa-text-height, fa fa-text-width, fa fa-th-large, fa fa-th-list, fa fa-th, fa fa-themeisle, fa fa-thumb-tack, fa fa-thumbs-down, fa fa-thumbs-o-down, fa fa-thumbs-o-up, fa fa-thumbs-up, fa fa-ticket, fa fa-times-circle-o, fa fa-times-circle, fa fa-times, fa fa-tint, fa fa-toggle-down, fa fa-toggle-left, fa fa-toggle-off, fa fa-toggle-on, fa fa-toggle-right, fa fa-toggle-up, fa fa-trademark, fa fa-train, fa fa-transgender-alt, fa fa-transgender, fa fa-trash-o, fa fa-trash, fa fa-tree, fa fa-trello, fa fa-tripadvisor, fa fa-trophy, fa fa-truck, fa fa-try, fa fa-tty, fa fa-tumblr-square, fa fa-tumblr, fa fa-turkish-lira, fa fa-tv, fa fa-twitch, fa fa-twitter-square, fa fa-twitter, fa fa-umbrella, fa fa-underline, fa fa-undo, fa fa-universal-access, fa fa-university, fa fa-unlink, fa fa-unlock-alt, fa fa-unlock, fa fa-unsorted, fa fa-upload, fa fa-usb, fa fa-usd, fa fa-user-md, fa fa-user-plus, fa fa-user-secret, fa fa-user-times, fa fa-user, fa fa-users, fa fa-venus-double, fa fa-venus-mars, fa fa-venus, fa fa-viacoin, fa fa-viadeo-square, fa fa-viadeo, fa fa-video-camera, fa fa-vimeo-square, fa fa-vimeo, fa fa-vine, fa fa-vk, fa fa-volume-control-phone, fa fa-volume-down, fa fa-volume-off, fa fa-volume-up, fa fa-warning, fa fa-wechat, fa fa-weibo, fa fa-weixin, fa fa-whatsapp, fa fa-wheelchair-alt, fa fa-wheelchair, fa fa-wifi, fa fa-wikipedia-w, fa fa-windows, fa fa-won, fa fa-wordpress, fa fa-wpbeginner, fa fa-wpforms, fa fa-wrench, fa fa-xing-square, fa fa-xing, fa fa-y-combinator, fa fa-yahoo, fa fa-yc, fa fa-yelp, fa fa-yen, fa fa-yoast, fa fa-youtube-play, fa fa-youtube-square, fa fa-youtube, icon-air-play, icon-align-center, icon-align-justify, icon-align-left, icon-align-right, icon-alt, icon-anchor, icon-archive, icon-arrow-down, icon-arrow-left, icon-arrow-right, icon-arrow-up, icon-bag, icon-ban, icon-bar-graph-2, icon-bar-graph, icon-battery, icon-bell, icon-book, icon-box, icon-briefcase, icon-camera, icon-check, icon-circle-check, icon-circle-cross, icon-circle-minus, icon-circle-plus, icon-clipboard, icon-clock, icon-cloud-download, icon-cloud-upload, icon-cloud, icon-cog, icon-columns, icon-command, icon-content-left, icon-content-right, icon-contract, icon-cross, icon-delete, icon-disc, icon-download, icon-drop, icon-ellipsis, icon-esc, icon-expand, icon-eye, icon-fast-forward, icon-file-add, icon-file-subtract, icon-file, icon-flag, icon-folder, icon-globe, icon-grid-2, icon-grid, icon-head, icon-heart, icon-help, icon-image, icon-inbox, icon-layers, icon-layout, icon-link, icon-loader, icon-location-2, icon-location, icon-lock, icon-mail, icon-map, icon-marquee-minus, icon-marquee-plus, icon-marquee, icon-maximize, icon-menu, icon-microphone, icon-minimize, icon-minus, icon-monitor, icon-moon, icon-move, icon-mute, icon-open, icon-outbox, icon-paper-clip, icon-paper-stack, icon-paper, icon-paragraph, icon-pause, icon-pie-graph, icon-play, icon-plus, icon-power, icon-printer, icon-record, icon-reload, icon-repeat, icon-reply, icon-rewind, icon-ribbon, icon-search, icon-server, icon-share, icon-shuffle, icon-signal, icon-skip-back, icon-skip-forward, icon-speech-bubble, icon-square-check, icon-square-cross, icon-square-minus, icon-square-plus, icon-stack-2, icon-stack, icon-star, icon-stop, icon-sun, icon-tag, icon-target, icon-thermometer, icon-toggle, icon-trash, icon-umbrella, icon-unlock, icon-upload, icon-video, icon-volume, icon-watch, icon-zoom-in, icon-zoom-out
|
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
Displays a simple list of recent posts.
[recent_posts style="small" count="3" offset="0" columns="3" cat="" title_tag="h3" text_align="left" scroll_animation_timing="staggered" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
style |
Style to use to render the post in the list.
options : small, image, list
|
small |
count | Total Number of posts to display. | 3 |
offset | Number of posts to displace or pass over. | 0 |
columns |
Number of posts to display per row ( does not apply to list view )
options : 1, 2, 3, 4
|
3 |
cat | Choose posts from a specific category | |
title_tag |
Size of heading to use for post titles.
options : h1, h2, h3, h4, h5, h6
|
h3 |
text_align |
Sets the text alignment of the post text & title.
options : left, center, right, justify
|
left |
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays a vertical timeline of your posts.
[timeline count="3" cat="" title_tag="h3" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
count | Total Number of posts to display. | 3 |
cat | Choose posts from a specific category | |
title_tag |
Size of heading to use for post titles.
options : h1, h2, h3, h4, h5, h6
|
h3 |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Adds a Google Map to the page.
[map map_type="ROADMAP" map_style="regular" auto_center="auto" center_latlng="" map_zoom="15" map_scrollable="on" marker_link="" marker="show" label="" address="" latlng="" height="500" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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 with 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_link | Set the url of a custom marker image. | |
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Creates a circular chart to show a % value.
[pie track_colour="" bar_colour="" icon="" icon_animation="none" percentage="50" size="200" line_width="20" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
track_colour | Choose the chart track colour | |
bar_colour | Choose the chart bar colour | |
icon |
Choose a chart icon
options : , fa fa-address-book-o, fa fa-address-book, fa fa-address-card-o, fa fa-address-card, fa fa-bandcamp, fa fa-bath, fa fa-bathtub, fa fa-drivers-license-o, fa fa-drivers-license, fa fa-eercast, fa fa-envelope-open-o, fa fa-envelope-open, fa fa-etsy, fa fa-free-code-camp, fa fa-grav, fa fa-handshake-o, fa fa-id-badge, fa fa-id-card-o, fa fa-id-card, fa fa-imdb, fa fa-linode, fa fa-meetup, fa fa-microchip, fa fa-podcast, fa fa-quora, fa fa-ravelry, fa fa-s15, fa fa-shower, fa fa-snowflake-o, fa fa-superpowers, fa fa-telegram, fa fa-thermometer-0, fa fa-thermometer-1, fa fa-thermometer-2, fa fa-thermometer-3, fa fa-thermometer-4, fa fa-thermometer-empty, fa fa-thermometer-full, fa fa-thermometer-half, fa fa-thermometer-quarter, fa fa-thermometer-three-quarters, fa fa-thermometer, fa fa-times-rectangle-o, fa fa-times-rectangle, fa fa-user-circle-o, fa fa-user-circle, fa fa-user-o, fa fa-vcard-o, fa fa-vcard, fa fa-window-close-o, fa fa-window-close, fa fa-window-maximize, fa fa-window-minimize, fa fa-window-restore, fa fa-wpexplorer, fa fa-500px, fa fa-adjust, fa fa-adn, fa fa-align-center, fa fa-align-justify, fa fa-align-left, fa fa-align-right, fa fa-amazon, fa fa-ambulance, fa fa-american-sign-language-interpreting, fa fa-anchor, fa fa-android, fa fa-angellist, fa fa-angle-double-down, fa fa-angle-double-left, fa fa-angle-double-right, fa fa-angle-double-up, fa fa-angle-down, fa fa-angle-left, fa fa-angle-right, fa fa-angle-up, fa fa-apple, fa fa-archive, fa fa-area-chart, fa fa-arrow-circle-down, fa fa-arrow-circle-left, fa fa-arrow-circle-o-down, fa fa-arrow-circle-o-left, fa fa-arrow-circle-o-right, fa fa-arrow-circle-o-up, fa fa-arrow-circle-right, fa fa-arrow-circle-up, fa fa-arrow-down, fa fa-arrow-left, fa fa-arrow-right, fa fa-arrow-up, fa fa-arrows-alt, fa fa-arrows-h, fa fa-arrows-v, fa fa-arrows, fa fa-asl-interpreting, fa fa-assistive-listening-systems, fa fa-asterisk, fa fa-at, fa fa-audio-description, fa fa-automobile, fa fa-backward, fa fa-balance-scale, fa fa-ban, fa fa-bank, fa fa-bar-chart-o, fa fa-barcode, fa fa-bars, fa fa-battery-0, fa fa-battery-1, fa fa-battery-2, fa fa-battery-3, fa fa-battery-4, fa fa-battery-empty, fa fa-battery-full, fa fa-battery-half, fa fa-battery-quarter, fa fa-battery-three-quarters, fa fa-bed, fa fa-beer, fa fa-behance-square, fa fa-behance, fa fa-bell-o, fa fa-bell-slash-o, fa fa-bell-slash, fa fa-bell, fa fa-bicycle, fa fa-binoculars, fa fa-birthday-cake, fa fa-bitbucket-square, fa fa-bitbucket, fa fa-bitcoin, fa fa-black-tie, fa fa-blind, fa fa-bluetooth-b, fa fa-bluetooth, fa fa-bold, fa fa-bolt, fa fa-bomb, fa fa-book, fa fa-bookmark-o, fa fa-bookmark, fa fa-braille, fa fa-briefcase, fa fa-btc, fa fa-bug, fa fa-building-o, fa fa-building, fa fa-bullhorn, fa fa-bullseye, fa fa-bus, fa fa-buysellads, fa fa-cab, fa fa-calculator, fa fa-calendar-check-o, fa fa-calendar-minus-o, fa fa-calendar-o, fa fa-calendar-plus-o, fa fa-calendar-times-o, fa fa-calendar, fa fa-camera-retro, fa fa-camera, fa fa-car, fa fa-caret-down, fa fa-caret-left, fa fa-caret-right, fa fa-caret-square-o-down, fa fa-caret-square-o-left, fa fa-caret-square-o-right, fa fa-caret-square-o-up, fa fa-caret-up, fa fa-cart-arrow-down, fa fa-cart-plus, fa fa-cc-amex, fa fa-cc-diners-club, fa fa-cc-discover, fa fa-cc-jcb, fa fa-cc-mastercard, fa fa-cc-paypal, fa fa-cc-stripe, fa fa-cc-visa, fa fa-cc, fa fa-certificate, fa fa-chain-broken, fa fa-chain, fa fa-check-circle-o, fa fa-check-circle, fa fa-check-square-o, fa fa-check-square, fa fa-check, fa fa-chevron-circle-down, fa fa-chevron-circle-left, fa fa-chevron-circle-right, fa fa-chevron-circle-up, fa fa-chevron-down, fa fa-chevron-left, fa fa-chevron-right, fa fa-chevron-up, fa fa-child, fa fa-chrome, fa fa-circle-o-notch, fa fa-circle-o, fa fa-circle-thin, fa fa-circle, fa fa-clipboard, fa fa-clock-o, fa fa-clone, fa fa-cloud-download, fa fa-cloud-upload, fa fa-cloud, fa fa-cny, fa fa-code-fork, fa fa-code, fa fa-codepen, fa fa-codiepie, fa fa-coffee, fa fa-cog, fa fa-cogs, fa fa-columns, fa fa-comment-o, fa fa-comment, fa fa-commenting-o, fa fa-commenting, fa fa-comments-o, fa fa-comments, fa fa-compass, fa fa-compress, fa fa-connectdevelop, fa fa-contao, fa fa-copy, fa fa-copyright, fa fa-creative-commons, fa fa-credit-card-alt, fa fa-credit-card, fa fa-crop, fa fa-crosshairs, fa fa-css3, fa fa-cube, fa fa-cubes, fa fa-cut, fa fa-cutlery, fa fa-dashboard, fa fa-dashcube, fa fa-database, fa fa-deaf, fa fa-deafness, fa fa-dedent, fa fa-delicious, fa fa-desktop, fa fa-deviantart, fa fa-diamond, fa fa-digg, fa fa-dollar, fa fa-dot-circle-o, fa fa-download, fa fa-dribbble, fa fa-dropbox, fa fa-drupal, fa fa-edge, fa fa-edit, fa fa-eject, fa fa-ellipsis-h, fa fa-ellipsis-v, fa fa-empire, fa fa-envelope-o, fa fa-envelope-square, fa fa-envelope, fa fa-envira, fa fa-eraser, fa fa-eur, fa fa-euro, fa fa-exchange, fa fa-exclamation-circle, fa fa-exclamation-triangle, fa fa-exclamation, fa fa-expand, fa fa-expeditedssl, fa fa-external-link-square, fa fa-external-link, fa fa-eye-slash, fa fa-eye, fa fa-eyedropper, fa fa-facebook-official, fa fa-facebook-square, fa fa-facebook, fa fa-fast-backward, fa fa-fast-forward, fa fa-fax, fa fa-female, fa fa-fighter-jet, fa fa-file-archive-o, fa fa-file-audio-o, fa fa-file-code-o, fa fa-file-excel-o, fa fa-file-image-o, fa fa-file-movie-o, fa fa-file-o, fa fa-file-pdf-o, fa fa-file-photo-o, fa fa-file-picture-o, fa fa-file-powerpoint-o, fa fa-file-sound-o, fa fa-file-text-o, fa fa-file-text, fa fa-file-video-o, fa fa-file-word-o, fa fa-file-zip-o, fa fa-file, fa fa-files-o, fa fa-film, fa fa-filter, fa fa-fire-extinguisher, fa fa-fire, fa fa-firefox, fa fa-first-order, fa fa-flag-checkered, fa fa-flag-o, fa fa-flag, fa fa-flash, fa fa-flask, fa fa-flickr, fa fa-floppy-o, fa fa-folder-o, fa fa-folder-open-o, fa fa-folder-open, fa fa-folder, fa fa-font, fa fa-fonticons, fa fa-fort-awesome, fa fa-forumbee, fa fa-forward, fa fa-foursquare, fa fa-frown-o, fa fa-futbol-o, fa fa-gamepad, fa fa-gavel, fa fa-gbp, fa fa-ge, fa fa-gear, fa fa-gears, fa fa-genderless, fa fa-get-pocket, fa fa-gg-circle, fa fa-gg, fa fa-gift, fa fa-git-square, fa fa-git, fa fa-github-alt, fa fa-github-square, fa fa-github, fa fa-gitlab, fa fa-gittip, fa fa-glass, fa fa-glide-g, fa fa-glide, fa fa-globe, fa fa-google-plus-square, fa fa-google-plus, fa fa-google-wallet, fa fa-google, fa fa-graduation-cap, fa fa-group, fa fa-h-square, fa fa-hacker-news, fa fa-hand-grab-o, fa fa-hand-lizard-o, fa fa-hand-o-down, fa fa-hand-o-left, fa fa-hand-o-right, fa fa-hand-o-up, fa fa-hand-paper-o, fa fa-hand-peace-o, fa fa-hand-pointer-o, fa fa-hand-rock-o, fa fa-hand-scissors-o, fa fa-hand-spock-o, fa fa-hand-stop-o, fa fa-hard-of-hearing, fa fa-hashtag, fa fa-hdd-o, fa fa-header, fa fa-headphones, fa fa-heart-o, fa fa-heart, fa fa-heartbeat, fa fa-history, fa fa-home, fa fa-hospital-o, fa fa-hotel, fa fa-hourglass-1, fa fa-hourglass-2, fa fa-hourglass-3, fa fa-hourglass-end, fa fa-hourglass-half, fa fa-hourglass-o, fa fa-hourglass-start, fa fa-hourglass, fa fa-houzz, fa fa-html5, fa fa-i-cursor, fa fa-ils, fa fa-image, fa fa-inbox, fa fa-indent, fa fa-industry, fa fa-info-circle, fa fa-info, fa fa-inr, fa fa-instagram, fa fa-institution, fa fa-internet-explorer, fa fa-ioxhost, fa fa-italic, fa fa-joomla, fa fa-jpy, fa fa-jsfiddle, fa fa-key, fa fa-keyboard-o, fa fa-krw, fa fa-language, fa fa-laptop, fa fa-lastfm-square, fa fa-lastfm, fa fa-leaf, fa fa-leanpub, fa fa-legal, fa fa-lemon-o, fa fa-level-down, fa fa-level-up, fa fa-life-bouy, fa fa-life-ring, fa fa-life-saver, fa fa-lightbulb-o, fa fa-line-chart, fa fa-link, fa fa-linkedin-square, fa fa-linkedin, fa fa-linux, fa fa-list-alt, fa fa-list-ol, fa fa-list-ul, fa fa-list, fa fa-location-arrow, fa fa-lock, fa fa-long-arrow-down, fa fa-long-arrow-left, fa fa-long-arrow-right, fa fa-long-arrow-up, fa fa-low-vision, fa fa-magic, fa fa-magnet, fa fa-mail-forward, fa fa-mail-reply-all, fa fa-mail-reply, fa fa-male, fa fa-map-marker, fa fa-map-o, fa fa-map-pin, fa fa-map-signs, fa fa-map, fa fa-mars-double, fa fa-mars-stroke-h, fa fa-mars-stroke-v, fa fa-mars-stroke, fa fa-mars, fa fa-maxcdn, fa fa-meanpath, fa fa-medium, fa fa-medkit, fa fa-meh-o, fa fa-mercury, fa fa-microphone-slash, fa fa-microphone, fa fa-minus-circle, fa fa-minus-square-o, fa fa-minus-square, fa fa-minus, fa fa-mixcloud, fa fa-mobile-phone, fa fa-mobile, fa fa-modx, fa fa-money, fa fa-moon-o, fa fa-mortar-board, fa fa-motorcycle, fa fa-mouse-pointer, fa fa-music, fa fa-navicon, fa fa-neuter, fa fa-newspaper-o, fa fa-object-group, fa fa-object-ungroup, fa fa-odnoklassniki-square, fa fa-odnoklassniki, fa fa-opencart, fa fa-openid, fa fa-opera, fa fa-optin-monster, fa fa-outdent, fa fa-pagelines, fa fa-paint-brush, fa fa-paper-plane-o, fa fa-paper-plane, fa fa-paperclip, fa fa-paragraph, fa fa-paste, fa fa-pause-circle-o, fa fa-pause-circle, fa fa-pause, fa fa-paw, fa fa-paypal, fa fa-pencil-square-o, fa fa-pencil-square, fa fa-pencil, fa fa-percent, fa fa-phone-square, fa fa-phone, fa fa-photo, fa fa-picture-o, fa fa-pie-chart, fa fa-pied-piper-alt, fa fa-pied-piper-square, fa fa-pied-piper, fa fa-pinterest-p, fa fa-pinterest-square, fa fa-pinterest, fa fa-plane, fa fa-play-circle-o, fa fa-play-circle, fa fa-play, fa fa-plug, fa fa-plus-circle, fa fa-plus-square-o, fa fa-plus-square, fa fa-plus, fa fa-power-off, fa fa-print, fa fa-product-hunt, fa fa-puzzle-piece, fa fa-qq, fa fa-qrcode, fa fa-question-circle-o, fa fa-question-circle, fa fa-question, fa fa-quote-left, fa fa-quote-right, fa fa-ra, fa fa-random, fa fa-rebel, fa fa-recycle, fa fa-reddit-alien, fa fa-reddit-square, fa fa-reddit, fa fa-refresh, fa fa-registered, fa fa-renren, fa fa-reorder, fa fa-repeat, fa fa-reply-all, fa fa-reply, fa fa-retweet, fa fa-rmb, fa fa-road, fa fa-rocket, fa fa-rotate-left, fa fa-rotate-right, fa fa-rouble, fa fa-rss-square, fa fa-rss, fa fa-rub, fa fa-ruble, fa fa-rupee, fa fa-safari, fa fa-save, fa fa-scissors, fa fa-scribd, fa fa-search-minus, fa fa-search-plus, fa fa-search, fa fa-sellsy, fa fa-send-o, fa fa-send, fa fa-server, fa fa-share-alt-square, fa fa-share-alt, fa fa-share-square-o, fa fa-share-square, fa fa-share, fa fa-shekel, fa fa-sheqel, fa fa-shield, fa fa-ship, fa fa-shirtsinbulk, fa fa-shopping-bag, fa fa-shopping-basket, fa fa-shopping-cart, fa fa-sign-in, fa fa-sign-language, fa fa-sign-out, fa fa-signal, fa fa-signing, fa fa-simplybuilt, fa fa-sitemap, fa fa-skyatlas, fa fa-skype, fa fa-slack, fa fa-sliders, fa fa-slideshare, fa fa-smile-o, fa fa-snapchat-ghost, fa fa-snapchat-square, fa fa-snapchat, fa fa-soccer-ball-o, fa fa-sort-alpha-asc, fa fa-sort-alpha-desc, fa fa-sort-amount-asc, fa fa-sort-amount-desc, fa fa-sort-asc, fa fa-sort-desc, fa fa-sort-down, fa fa-sort-numeric-asc, fa fa-sort-numeric-desc, fa fa-sort-up, fa fa-sort, fa fa-soundcloud, fa fa-space-shuttle, fa fa-spinner, fa fa-spoon, fa fa-spotify, fa fa-square-o, fa fa-square, fa fa-stack-exchange, fa fa-stack-overflow, fa fa-star-half-empty, fa fa-star-half-full, fa fa-star-half-o, fa fa-star-half, fa fa-star-o, fa fa-star, fa fa-steam-square, fa fa-steam, fa fa-step-backward, fa fa-step-forward, fa fa-stethoscope, fa fa-sticky-note-o, fa fa-sticky-note, fa fa-stop-circle-o, fa fa-stop-circle, fa fa-stop, fa fa-street-view, fa fa-strikethrough, fa fa-stumbleupon-circle, fa fa-stumbleupon, fa fa-subscript, fa fa-subway, fa fa-suitcase, fa fa-sun-o, fa fa-superscript, fa fa-support, fa fa-table, fa fa-tablet, fa fa-tachometer, fa fa-tag, fa fa-tags, fa fa-tasks, fa fa-taxi, fa fa-television, fa fa-tencent-weibo, fa fa-terminal, fa fa-text-height, fa fa-text-width, fa fa-th-large, fa fa-th-list, fa fa-th, fa fa-themeisle, fa fa-thumb-tack, fa fa-thumbs-down, fa fa-thumbs-o-down, fa fa-thumbs-o-up, fa fa-thumbs-up, fa fa-ticket, fa fa-times-circle-o, fa fa-times-circle, fa fa-times, fa fa-tint, fa fa-toggle-down, fa fa-toggle-left, fa fa-toggle-off, fa fa-toggle-on, fa fa-toggle-right, fa fa-toggle-up, fa fa-trademark, fa fa-train, fa fa-transgender-alt, fa fa-transgender, fa fa-trash-o, fa fa-trash, fa fa-tree, fa fa-trello, fa fa-tripadvisor, fa fa-trophy, fa fa-truck, fa fa-try, fa fa-tty, fa fa-tumblr-square, fa fa-tumblr, fa fa-turkish-lira, fa fa-tv, fa fa-twitch, fa fa-twitter-square, fa fa-twitter, fa fa-umbrella, fa fa-underline, fa fa-undo, fa fa-universal-access, fa fa-university, fa fa-unlink, fa fa-unlock-alt, fa fa-unlock, fa fa-unsorted, fa fa-upload, fa fa-usb, fa fa-usd, fa fa-user-md, fa fa-user-plus, fa fa-user-secret, fa fa-user-times, fa fa-user, fa fa-users, fa fa-venus-double, fa fa-venus-mars, fa fa-venus, fa fa-viacoin, fa fa-viadeo-square, fa fa-viadeo, fa fa-video-camera, fa fa-vimeo-square, fa fa-vimeo, fa fa-vine, fa fa-vk, fa fa-volume-control-phone, fa fa-volume-down, fa fa-volume-off, fa fa-volume-up, fa fa-warning, fa fa-wechat, fa fa-weibo, fa fa-weixin, fa fa-whatsapp, fa fa-wheelchair-alt, fa fa-wheelchair, fa fa-wifi, fa fa-wikipedia-w, fa fa-windows, fa fa-won, fa fa-wordpress, fa fa-wpbeginner, fa fa-wpforms, fa fa-wrench, fa fa-xing-square, fa fa-xing, fa fa-y-combinator, fa fa-yahoo, fa fa-yc, fa fa-yelp, fa fa-yen, fa fa-yoast, fa fa-youtube-play, fa fa-youtube-square, fa fa-youtube, icon-air-play, icon-align-center, icon-align-justify, icon-align-left, icon-align-right, icon-alt, icon-anchor, icon-archive, icon-arrow-down, icon-arrow-left, icon-arrow-right, icon-arrow-up, icon-bag, icon-ban, icon-bar-graph-2, icon-bar-graph, icon-battery, icon-bell, icon-book, icon-box, icon-briefcase, icon-camera, icon-check, icon-circle-check, icon-circle-cross, icon-circle-minus, icon-circle-plus, icon-clipboard, icon-clock, icon-cloud-download, icon-cloud-upload, icon-cloud, icon-cog, icon-columns, icon-command, icon-content-left, icon-content-right, icon-contract, icon-cross, icon-delete, icon-disc, icon-download, icon-drop, icon-ellipsis, icon-esc, icon-expand, icon-eye, icon-fast-forward, icon-file-add, icon-file-subtract, icon-file, icon-flag, icon-folder, icon-globe, icon-grid-2, icon-grid, icon-head, icon-heart, icon-help, icon-image, icon-inbox, icon-layers, icon-layout, icon-link, icon-loader, icon-location-2, icon-location, icon-lock, icon-mail, icon-map, icon-marquee-minus, icon-marquee-plus, icon-marquee, icon-maximize, icon-menu, icon-microphone, icon-minimize, icon-minus, icon-monitor, icon-moon, icon-move, icon-mute, icon-open, icon-outbox, icon-paper-clip, icon-paper-stack, icon-paper, icon-paragraph, icon-pause, icon-pie-graph, icon-play, icon-plus, icon-power, icon-printer, icon-record, icon-reload, icon-repeat, icon-reply, icon-rewind, icon-ribbon, icon-search, icon-server, icon-share, icon-shuffle, icon-signal, icon-skip-back, icon-skip-forward, icon-speech-bubble, icon-square-check, icon-square-cross, icon-square-minus, icon-square-plus, icon-stack-2, icon-stack, icon-star, icon-stop, icon-sun, icon-tag, icon-target, icon-thermometer, icon-toggle, icon-trash, icon-umbrella, icon-unlock, icon-upload, icon-video, icon-volume, icon-watch, icon-zoom-in, icon-zoom-out
|
|
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Creates a circular counter to show an integer value.
[counter initvalue="0" value="" format="(,ddd)" align="center" counter_size="normal" counter_weight="regular" text_color="text-normal" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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 |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays a price info column.
[pricing heading="" featured="false" pricing_background_colour="#82c9ed" pricing_foreground_colour="#FFFFFF" show_price="true" pricing_colour="#FFFFFF" pricing_background="#82c9ed" price="" currency="$" custom_currency="" per="" list="" show_button="true" button_text="" button_link="" button_background_colour="#FFFFFF" button_foreground_colour="#82c9ed" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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. | |
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays a list of prices.
[pricing_list text_color="text-normal" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays a pricing item.
[pricing_item title="" description="" featured_label="" image="" shape="round" price="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
title | Choose a title for your pricing item. | |
description | Choose a description for your pricing item. | |
featured_label | Set a label for the featured item. | |
image | Choose an image to use for this pricing item. | |
shape |
Choose if the image will be rounded or not
options : square, round
|
round |
price | Price to show at top of the column. | |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays a list of features.
[features_list text_color="text-normal" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays a shape with an icon alongside some text.
[feature icon="" icon_color="" background_color="" animation="" title="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
icon |
Select an icon that will appear in your features shape.
options : , fa fa-address-book-o, fa fa-address-book, fa fa-address-card-o, fa fa-address-card, fa fa-bandcamp, fa fa-bath, fa fa-bathtub, fa fa-drivers-license-o, fa fa-drivers-license, fa fa-eercast, fa fa-envelope-open-o, fa fa-envelope-open, fa fa-etsy, fa fa-free-code-camp, fa fa-grav, fa fa-handshake-o, fa fa-id-badge, fa fa-id-card-o, fa fa-id-card, fa fa-imdb, fa fa-linode, fa fa-meetup, fa fa-microchip, fa fa-podcast, fa fa-quora, fa fa-ravelry, fa fa-s15, fa fa-shower, fa fa-snowflake-o, fa fa-superpowers, fa fa-telegram, fa fa-thermometer-0, fa fa-thermometer-1, fa fa-thermometer-2, fa fa-thermometer-3, fa fa-thermometer-4, fa fa-thermometer-empty, fa fa-thermometer-full, fa fa-thermometer-half, fa fa-thermometer-quarter, fa fa-thermometer-three-quarters, fa fa-thermometer, fa fa-times-rectangle-o, fa fa-times-rectangle, fa fa-user-circle-o, fa fa-user-circle, fa fa-user-o, fa fa-vcard-o, fa fa-vcard, fa fa-window-close-o, fa fa-window-close, fa fa-window-maximize, fa fa-window-minimize, fa fa-window-restore, fa fa-wpexplorer, fa fa-500px, fa fa-adjust, fa fa-adn, fa fa-align-center, fa fa-align-justify, fa fa-align-left, fa fa-align-right, fa fa-amazon, fa fa-ambulance, fa fa-american-sign-language-interpreting, fa fa-anchor, fa fa-android, fa fa-angellist, fa fa-angle-double-down, fa fa-angle-double-left, fa fa-angle-double-right, fa fa-angle-double-up, fa fa-angle-down, fa fa-angle-left, fa fa-angle-right, fa fa-angle-up, fa fa-apple, fa fa-archive, fa fa-area-chart, fa fa-arrow-circle-down, fa fa-arrow-circle-left, fa fa-arrow-circle-o-down, fa fa-arrow-circle-o-left, fa fa-arrow-circle-o-right, fa fa-arrow-circle-o-up, fa fa-arrow-circle-right, fa fa-arrow-circle-up, fa fa-arrow-down, fa fa-arrow-left, fa fa-arrow-right, fa fa-arrow-up, fa fa-arrows-alt, fa fa-arrows-h, fa fa-arrows-v, fa fa-arrows, fa fa-asl-interpreting, fa fa-assistive-listening-systems, fa fa-asterisk, fa fa-at, fa fa-audio-description, fa fa-automobile, fa fa-backward, fa fa-balance-scale, fa fa-ban, fa fa-bank, fa fa-bar-chart-o, fa fa-barcode, fa fa-bars, fa fa-battery-0, fa fa-battery-1, fa fa-battery-2, fa fa-battery-3, fa fa-battery-4, fa fa-battery-empty, fa fa-battery-full, fa fa-battery-half, fa fa-battery-quarter, fa fa-battery-three-quarters, fa fa-bed, fa fa-beer, fa fa-behance-square, fa fa-behance, fa fa-bell-o, fa fa-bell-slash-o, fa fa-bell-slash, fa fa-bell, fa fa-bicycle, fa fa-binoculars, fa fa-birthday-cake, fa fa-bitbucket-square, fa fa-bitbucket, fa fa-bitcoin, fa fa-black-tie, fa fa-blind, fa fa-bluetooth-b, fa fa-bluetooth, fa fa-bold, fa fa-bolt, fa fa-bomb, fa fa-book, fa fa-bookmark-o, fa fa-bookmark, fa fa-braille, fa fa-briefcase, fa fa-btc, fa fa-bug, fa fa-building-o, fa fa-building, fa fa-bullhorn, fa fa-bullseye, fa fa-bus, fa fa-buysellads, fa fa-cab, fa fa-calculator, fa fa-calendar-check-o, fa fa-calendar-minus-o, fa fa-calendar-o, fa fa-calendar-plus-o, fa fa-calendar-times-o, fa fa-calendar, fa fa-camera-retro, fa fa-camera, fa fa-car, fa fa-caret-down, fa fa-caret-left, fa fa-caret-right, fa fa-caret-square-o-down, fa fa-caret-square-o-left, fa fa-caret-square-o-right, fa fa-caret-square-o-up, fa fa-caret-up, fa fa-cart-arrow-down, fa fa-cart-plus, fa fa-cc-amex, fa fa-cc-diners-club, fa fa-cc-discover, fa fa-cc-jcb, fa fa-cc-mastercard, fa fa-cc-paypal, fa fa-cc-stripe, fa fa-cc-visa, fa fa-cc, fa fa-certificate, fa fa-chain-broken, fa fa-chain, fa fa-check-circle-o, fa fa-check-circle, fa fa-check-square-o, fa fa-check-square, fa fa-check, fa fa-chevron-circle-down, fa fa-chevron-circle-left, fa fa-chevron-circle-right, fa fa-chevron-circle-up, fa fa-chevron-down, fa fa-chevron-left, fa fa-chevron-right, fa fa-chevron-up, fa fa-child, fa fa-chrome, fa fa-circle-o-notch, fa fa-circle-o, fa fa-circle-thin, fa fa-circle, fa fa-clipboard, fa fa-clock-o, fa fa-clone, fa fa-cloud-download, fa fa-cloud-upload, fa fa-cloud, fa fa-cny, fa fa-code-fork, fa fa-code, fa fa-codepen, fa fa-codiepie, fa fa-coffee, fa fa-cog, fa fa-cogs, fa fa-columns, fa fa-comment-o, fa fa-comment, fa fa-commenting-o, fa fa-commenting, fa fa-comments-o, fa fa-comments, fa fa-compass, fa fa-compress, fa fa-connectdevelop, fa fa-contao, fa fa-copy, fa fa-copyright, fa fa-creative-commons, fa fa-credit-card-alt, fa fa-credit-card, fa fa-crop, fa fa-crosshairs, fa fa-css3, fa fa-cube, fa fa-cubes, fa fa-cut, fa fa-cutlery, fa fa-dashboard, fa fa-dashcube, fa fa-database, fa fa-deaf, fa fa-deafness, fa fa-dedent, fa fa-delicious, fa fa-desktop, fa fa-deviantart, fa fa-diamond, fa fa-digg, fa fa-dollar, fa fa-dot-circle-o, fa fa-download, fa fa-dribbble, fa fa-dropbox, fa fa-drupal, fa fa-edge, fa fa-edit, fa fa-eject, fa fa-ellipsis-h, fa fa-ellipsis-v, fa fa-empire, fa fa-envelope-o, fa fa-envelope-square, fa fa-envelope, fa fa-envira, fa fa-eraser, fa fa-eur, fa fa-euro, fa fa-exchange, fa fa-exclamation-circle, fa fa-exclamation-triangle, fa fa-exclamation, fa fa-expand, fa fa-expeditedssl, fa fa-external-link-square, fa fa-external-link, fa fa-eye-slash, fa fa-eye, fa fa-eyedropper, fa fa-facebook-official, fa fa-facebook-square, fa fa-facebook, fa fa-fast-backward, fa fa-fast-forward, fa fa-fax, fa fa-female, fa fa-fighter-jet, fa fa-file-archive-o, fa fa-file-audio-o, fa fa-file-code-o, fa fa-file-excel-o, fa fa-file-image-o, fa fa-file-movie-o, fa fa-file-o, fa fa-file-pdf-o, fa fa-file-photo-o, fa fa-file-picture-o, fa fa-file-powerpoint-o, fa fa-file-sound-o, fa fa-file-text-o, fa fa-file-text, fa fa-file-video-o, fa fa-file-word-o, fa fa-file-zip-o, fa fa-file, fa fa-files-o, fa fa-film, fa fa-filter, fa fa-fire-extinguisher, fa fa-fire, fa fa-firefox, fa fa-first-order, fa fa-flag-checkered, fa fa-flag-o, fa fa-flag, fa fa-flash, fa fa-flask, fa fa-flickr, fa fa-floppy-o, fa fa-folder-o, fa fa-folder-open-o, fa fa-folder-open, fa fa-folder, fa fa-font, fa fa-fonticons, fa fa-fort-awesome, fa fa-forumbee, fa fa-forward, fa fa-foursquare, fa fa-frown-o, fa fa-futbol-o, fa fa-gamepad, fa fa-gavel, fa fa-gbp, fa fa-ge, fa fa-gear, fa fa-gears, fa fa-genderless, fa fa-get-pocket, fa fa-gg-circle, fa fa-gg, fa fa-gift, fa fa-git-square, fa fa-git, fa fa-github-alt, fa fa-github-square, fa fa-github, fa fa-gitlab, fa fa-gittip, fa fa-glass, fa fa-glide-g, fa fa-glide, fa fa-globe, fa fa-google-plus-square, fa fa-google-plus, fa fa-google-wallet, fa fa-google, fa fa-graduation-cap, fa fa-group, fa fa-h-square, fa fa-hacker-news, fa fa-hand-grab-o, fa fa-hand-lizard-o, fa fa-hand-o-down, fa fa-hand-o-left, fa fa-hand-o-right, fa fa-hand-o-up, fa fa-hand-paper-o, fa fa-hand-peace-o, fa fa-hand-pointer-o, fa fa-hand-rock-o, fa fa-hand-scissors-o, fa fa-hand-spock-o, fa fa-hand-stop-o, fa fa-hard-of-hearing, fa fa-hashtag, fa fa-hdd-o, fa fa-header, fa fa-headphones, fa fa-heart-o, fa fa-heart, fa fa-heartbeat, fa fa-history, fa fa-home, fa fa-hospital-o, fa fa-hotel, fa fa-hourglass-1, fa fa-hourglass-2, fa fa-hourglass-3, fa fa-hourglass-end, fa fa-hourglass-half, fa fa-hourglass-o, fa fa-hourglass-start, fa fa-hourglass, fa fa-houzz, fa fa-html5, fa fa-i-cursor, fa fa-ils, fa fa-image, fa fa-inbox, fa fa-indent, fa fa-industry, fa fa-info-circle, fa fa-info, fa fa-inr, fa fa-instagram, fa fa-institution, fa fa-internet-explorer, fa fa-ioxhost, fa fa-italic, fa fa-joomla, fa fa-jpy, fa fa-jsfiddle, fa fa-key, fa fa-keyboard-o, fa fa-krw, fa fa-language, fa fa-laptop, fa fa-lastfm-square, fa fa-lastfm, fa fa-leaf, fa fa-leanpub, fa fa-legal, fa fa-lemon-o, fa fa-level-down, fa fa-level-up, fa fa-life-bouy, fa fa-life-ring, fa fa-life-saver, fa fa-lightbulb-o, fa fa-line-chart, fa fa-link, fa fa-linkedin-square, fa fa-linkedin, fa fa-linux, fa fa-list-alt, fa fa-list-ol, fa fa-list-ul, fa fa-list, fa fa-location-arrow, fa fa-lock, fa fa-long-arrow-down, fa fa-long-arrow-left, fa fa-long-arrow-right, fa fa-long-arrow-up, fa fa-low-vision, fa fa-magic, fa fa-magnet, fa fa-mail-forward, fa fa-mail-reply-all, fa fa-mail-reply, fa fa-male, fa fa-map-marker, fa fa-map-o, fa fa-map-pin, fa fa-map-signs, fa fa-map, fa fa-mars-double, fa fa-mars-stroke-h, fa fa-mars-stroke-v, fa fa-mars-stroke, fa fa-mars, fa fa-maxcdn, fa fa-meanpath, fa fa-medium, fa fa-medkit, fa fa-meh-o, fa fa-mercury, fa fa-microphone-slash, fa fa-microphone, fa fa-minus-circle, fa fa-minus-square-o, fa fa-minus-square, fa fa-minus, fa fa-mixcloud, fa fa-mobile-phone, fa fa-mobile, fa fa-modx, fa fa-money, fa fa-moon-o, fa fa-mortar-board, fa fa-motorcycle, fa fa-mouse-pointer, fa fa-music, fa fa-navicon, fa fa-neuter, fa fa-newspaper-o, fa fa-object-group, fa fa-object-ungroup, fa fa-odnoklassniki-square, fa fa-odnoklassniki, fa fa-opencart, fa fa-openid, fa fa-opera, fa fa-optin-monster, fa fa-outdent, fa fa-pagelines, fa fa-paint-brush, fa fa-paper-plane-o, fa fa-paper-plane, fa fa-paperclip, fa fa-paragraph, fa fa-paste, fa fa-pause-circle-o, fa fa-pause-circle, fa fa-pause, fa fa-paw, fa fa-paypal, fa fa-pencil-square-o, fa fa-pencil-square, fa fa-pencil, fa fa-percent, fa fa-phone-square, fa fa-phone, fa fa-photo, fa fa-picture-o, fa fa-pie-chart, fa fa-pied-piper-alt, fa fa-pied-piper-square, fa fa-pied-piper, fa fa-pinterest-p, fa fa-pinterest-square, fa fa-pinterest, fa fa-plane, fa fa-play-circle-o, fa fa-play-circle, fa fa-play, fa fa-plug, fa fa-plus-circle, fa fa-plus-square-o, fa fa-plus-square, fa fa-plus, fa fa-power-off, fa fa-print, fa fa-product-hunt, fa fa-puzzle-piece, fa fa-qq, fa fa-qrcode, fa fa-question-circle-o, fa fa-question-circle, fa fa-question, fa fa-quote-left, fa fa-quote-right, fa fa-ra, fa fa-random, fa fa-rebel, fa fa-recycle, fa fa-reddit-alien, fa fa-reddit-square, fa fa-reddit, fa fa-refresh, fa fa-registered, fa fa-renren, fa fa-reorder, fa fa-repeat, fa fa-reply-all, fa fa-reply, fa fa-retweet, fa fa-rmb, fa fa-road, fa fa-rocket, fa fa-rotate-left, fa fa-rotate-right, fa fa-rouble, fa fa-rss-square, fa fa-rss, fa fa-rub, fa fa-ruble, fa fa-rupee, fa fa-safari, fa fa-save, fa fa-scissors, fa fa-scribd, fa fa-search-minus, fa fa-search-plus, fa fa-search, fa fa-sellsy, fa fa-send-o, fa fa-send, fa fa-server, fa fa-share-alt-square, fa fa-share-alt, fa fa-share-square-o, fa fa-share-square, fa fa-share, fa fa-shekel, fa fa-sheqel, fa fa-shield, fa fa-ship, fa fa-shirtsinbulk, fa fa-shopping-bag, fa fa-shopping-basket, fa fa-shopping-cart, fa fa-sign-in, fa fa-sign-language, fa fa-sign-out, fa fa-signal, fa fa-signing, fa fa-simplybuilt, fa fa-sitemap, fa fa-skyatlas, fa fa-skype, fa fa-slack, fa fa-sliders, fa fa-slideshare, fa fa-smile-o, fa fa-snapchat-ghost, fa fa-snapchat-square, fa fa-snapchat, fa fa-soccer-ball-o, fa fa-sort-alpha-asc, fa fa-sort-alpha-desc, fa fa-sort-amount-asc, fa fa-sort-amount-desc, fa fa-sort-asc, fa fa-sort-desc, fa fa-sort-down, fa fa-sort-numeric-asc, fa fa-sort-numeric-desc, fa fa-sort-up, fa fa-sort, fa fa-soundcloud, fa fa-space-shuttle, fa fa-spinner, fa fa-spoon, fa fa-spotify, fa fa-square-o, fa fa-square, fa fa-stack-exchange, fa fa-stack-overflow, fa fa-star-half-empty, fa fa-star-half-full, fa fa-star-half-o, fa fa-star-half, fa fa-star-o, fa fa-star, fa fa-steam-square, fa fa-steam, fa fa-step-backward, fa fa-step-forward, fa fa-stethoscope, fa fa-sticky-note-o, fa fa-sticky-note, fa fa-stop-circle-o, fa fa-stop-circle, fa fa-stop, fa fa-street-view, fa fa-strikethrough, fa fa-stumbleupon-circle, fa fa-stumbleupon, fa fa-subscript, fa fa-subway, fa fa-suitcase, fa fa-sun-o, fa fa-superscript, fa fa-support, fa fa-table, fa fa-tablet, fa fa-tachometer, fa fa-tag, fa fa-tags, fa fa-tasks, fa fa-taxi, fa fa-television, fa fa-tencent-weibo, fa fa-terminal, fa fa-text-height, fa fa-text-width, fa fa-th-large, fa fa-th-list, fa fa-th, fa fa-themeisle, fa fa-thumb-tack, fa fa-thumbs-down, fa fa-thumbs-o-down, fa fa-thumbs-o-up, fa fa-thumbs-up, fa fa-ticket, fa fa-times-circle-o, fa fa-times-circle, fa fa-times, fa fa-tint, fa fa-toggle-down, fa fa-toggle-left, fa fa-toggle-off, fa fa-toggle-on, fa fa-toggle-right, fa fa-toggle-up, fa fa-trademark, fa fa-train, fa fa-transgender-alt, fa fa-transgender, fa fa-trash-o, fa fa-trash, fa fa-tree, fa fa-trello, fa fa-tripadvisor, fa fa-trophy, fa fa-truck, fa fa-try, fa fa-tty, fa fa-tumblr-square, fa fa-tumblr, fa fa-turkish-lira, fa fa-tv, fa fa-twitch, fa fa-twitter-square, fa fa-twitter, fa fa-umbrella, fa fa-underline, fa fa-undo, fa fa-universal-access, fa fa-university, fa fa-unlink, fa fa-unlock-alt, fa fa-unlock, fa fa-unsorted, fa fa-upload, fa fa-usb, fa fa-usd, fa fa-user-md, fa fa-user-plus, fa fa-user-secret, fa fa-user-times, fa fa-user, fa fa-users, fa fa-venus-double, fa fa-venus-mars, fa fa-venus, fa fa-viacoin, fa fa-viadeo-square, fa fa-viadeo, fa fa-video-camera, fa fa-vimeo-square, fa fa-vimeo, fa fa-vine, fa fa-vk, fa fa-volume-control-phone, fa fa-volume-down, fa fa-volume-off, fa fa-volume-up, fa fa-warning, fa fa-wechat, fa fa-weibo, fa fa-weixin, fa fa-whatsapp, fa fa-wheelchair-alt, fa fa-wheelchair, fa fa-wifi, fa fa-wikipedia-w, fa fa-windows, fa fa-won, fa fa-wordpress, fa fa-wpbeginner, fa fa-wpforms, fa fa-wrench, fa fa-xing-square, fa fa-xing, fa fa-y-combinator, fa fa-yahoo, fa fa-yc, fa fa-yelp, fa fa-yen, fa fa-yoast, fa fa-youtube-play, fa fa-youtube-square, fa fa-youtube, icon-air-play, icon-align-center, icon-align-justify, icon-align-left, icon-align-right, icon-alt, icon-anchor, icon-archive, icon-arrow-down, icon-arrow-left, icon-arrow-right, icon-arrow-up, icon-bag, icon-ban, icon-bar-graph-2, icon-bar-graph, icon-battery, icon-bell, icon-book, icon-box, icon-briefcase, icon-camera, icon-check, icon-circle-check, icon-circle-cross, icon-circle-minus, icon-circle-plus, icon-clipboard, icon-clock, icon-cloud-download, icon-cloud-upload, icon-cloud, icon-cog, icon-columns, icon-command, icon-content-left, icon-content-right, icon-contract, icon-cross, icon-delete, icon-disc, icon-download, icon-drop, icon-ellipsis, icon-esc, icon-expand, icon-eye, icon-fast-forward, icon-file-add, icon-file-subtract, icon-file, icon-flag, icon-folder, icon-globe, icon-grid-2, icon-grid, icon-head, icon-heart, icon-help, icon-image, icon-inbox, icon-layers, icon-layout, icon-link, icon-loader, icon-location-2, icon-location, icon-lock, icon-mail, icon-map, icon-marquee-minus, icon-marquee-plus, icon-marquee, icon-maximize, icon-menu, icon-microphone, icon-minimize, icon-minus, icon-monitor, icon-moon, icon-move, icon-mute, icon-open, icon-outbox, icon-paper-clip, icon-paper-stack, icon-paper, icon-paragraph, icon-pause, icon-pie-graph, icon-play, icon-plus, icon-power, icon-printer, icon-record, icon-reload, icon-repeat, icon-reply, icon-rewind, icon-ribbon, icon-search, icon-server, icon-share, icon-shuffle, icon-signal, icon-skip-back, icon-skip-forward, icon-speech-bubble, icon-square-check, icon-square-cross, icon-square-minus, icon-square-plus, icon-stack-2, icon-stack, icon-star, icon-stop, icon-sun, icon-tag, icon-target, icon-thermometer, icon-toggle, icon-trash, icon-umbrella, icon-unlock, icon-upload, icon-video, icon-volume, icon-watch, icon-zoom-in, icon-zoom-out
|
|
icon_color | Set the colour of the icon | |
background_color | Set the colour shape background. | |
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Adds a Flexslider slideshow to the page.
[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="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays an image.
[vc_single_image source="media_library" image="" image_size="full" custom_image_size="" custom_image_size_crop="false" link_type="magnific" hover_effect="" link="" link_target="_self" alt="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
source |
Select image source.
options : media_library, featured_image
|
media_library |
image | Select image from media library. Works only if Image source is set to Media Library. | |
image_size |
Choose the size for the image
options : thumbnail, medium, large, full
|
full |
custom_image_size | Enter size in pixels (Example: 400x400 (Width x Height)). Leave empty to use Image size option above by default. | |
custom_image_size_crop |
Crop image to the exact dimensions set in the Custom Image Size option or keep original aspect ratio.
options : true, false
|
false |
link_type |
Select the link type to use for the item.
options : magnific, item, no-link
|
magnific |
hover_effect |
Select an effect to add when you hover over the image.
options : , image-effect-zoom-in, image-effect-zoom-out, image-effect-scroll-left, image-effect-scroll-right
|
|
link | Link that the item will link leave blank to link to original image source. | |
link_target |
Where the link will open.
options : _self, _blank
|
_self |
alt | Place the alt of the image here | |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays an image that is clipped to a shape.
[shapedimage image="" shape_size="medium" shape="round" animation="none" magnific="off" alt="" link="" link_target="_self" overlay_grid="0" background_colour="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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 | |
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) | |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Creates a shape with an icon in the middle.
[featuredicon icon="glass" shape_size="medium" shape="round" link="" animation="" overlay_grid="0" icon_color="" background_color="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
icon |
Choose an icon to use in your featured icon
options : , fa fa-address-book-o, fa fa-address-book, fa fa-address-card-o, fa fa-address-card, fa fa-bandcamp, fa fa-bath, fa fa-bathtub, fa fa-drivers-license-o, fa fa-drivers-license, fa fa-eercast, fa fa-envelope-open-o, fa fa-envelope-open, fa fa-etsy, fa fa-free-code-camp, fa fa-grav, fa fa-handshake-o, fa fa-id-badge, fa fa-id-card-o, fa fa-id-card, fa fa-imdb, fa fa-linode, fa fa-meetup, fa fa-microchip, fa fa-podcast, fa fa-quora, fa fa-ravelry, fa fa-s15, fa fa-shower, fa fa-snowflake-o, fa fa-superpowers, fa fa-telegram, fa fa-thermometer-0, fa fa-thermometer-1, fa fa-thermometer-2, fa fa-thermometer-3, fa fa-thermometer-4, fa fa-thermometer-empty, fa fa-thermometer-full, fa fa-thermometer-half, fa fa-thermometer-quarter, fa fa-thermometer-three-quarters, fa fa-thermometer, fa fa-times-rectangle-o, fa fa-times-rectangle, fa fa-user-circle-o, fa fa-user-circle, fa fa-user-o, fa fa-vcard-o, fa fa-vcard, fa fa-window-close-o, fa fa-window-close, fa fa-window-maximize, fa fa-window-minimize, fa fa-window-restore, fa fa-wpexplorer, fa fa-500px, fa fa-adjust, fa fa-adn, fa fa-align-center, fa fa-align-justify, fa fa-align-left, fa fa-align-right, fa fa-amazon, fa fa-ambulance, fa fa-american-sign-language-interpreting, fa fa-anchor, fa fa-android, fa fa-angellist, fa fa-angle-double-down, fa fa-angle-double-left, fa fa-angle-double-right, fa fa-angle-double-up, fa fa-angle-down, fa fa-angle-left, fa fa-angle-right, fa fa-angle-up, fa fa-apple, fa fa-archive, fa fa-area-chart, fa fa-arrow-circle-down, fa fa-arrow-circle-left, fa fa-arrow-circle-o-down, fa fa-arrow-circle-o-left, fa fa-arrow-circle-o-right, fa fa-arrow-circle-o-up, fa fa-arrow-circle-right, fa fa-arrow-circle-up, fa fa-arrow-down, fa fa-arrow-left, fa fa-arrow-right, fa fa-arrow-up, fa fa-arrows-alt, fa fa-arrows-h, fa fa-arrows-v, fa fa-arrows, fa fa-asl-interpreting, fa fa-assistive-listening-systems, fa fa-asterisk, fa fa-at, fa fa-audio-description, fa fa-automobile, fa fa-backward, fa fa-balance-scale, fa fa-ban, fa fa-bank, fa fa-bar-chart-o, fa fa-barcode, fa fa-bars, fa fa-battery-0, fa fa-battery-1, fa fa-battery-2, fa fa-battery-3, fa fa-battery-4, fa fa-battery-empty, fa fa-battery-full, fa fa-battery-half, fa fa-battery-quarter, fa fa-battery-three-quarters, fa fa-bed, fa fa-beer, fa fa-behance-square, fa fa-behance, fa fa-bell-o, fa fa-bell-slash-o, fa fa-bell-slash, fa fa-bell, fa fa-bicycle, fa fa-binoculars, fa fa-birthday-cake, fa fa-bitbucket-square, fa fa-bitbucket, fa fa-bitcoin, fa fa-black-tie, fa fa-blind, fa fa-bluetooth-b, fa fa-bluetooth, fa fa-bold, fa fa-bolt, fa fa-bomb, fa fa-book, fa fa-bookmark-o, fa fa-bookmark, fa fa-braille, fa fa-briefcase, fa fa-btc, fa fa-bug, fa fa-building-o, fa fa-building, fa fa-bullhorn, fa fa-bullseye, fa fa-bus, fa fa-buysellads, fa fa-cab, fa fa-calculator, fa fa-calendar-check-o, fa fa-calendar-minus-o, fa fa-calendar-o, fa fa-calendar-plus-o, fa fa-calendar-times-o, fa fa-calendar, fa fa-camera-retro, fa fa-camera, fa fa-car, fa fa-caret-down, fa fa-caret-left, fa fa-caret-right, fa fa-caret-square-o-down, fa fa-caret-square-o-left, fa fa-caret-square-o-right, fa fa-caret-square-o-up, fa fa-caret-up, fa fa-cart-arrow-down, fa fa-cart-plus, fa fa-cc-amex, fa fa-cc-diners-club, fa fa-cc-discover, fa fa-cc-jcb, fa fa-cc-mastercard, fa fa-cc-paypal, fa fa-cc-stripe, fa fa-cc-visa, fa fa-cc, fa fa-certificate, fa fa-chain-broken, fa fa-chain, fa fa-check-circle-o, fa fa-check-circle, fa fa-check-square-o, fa fa-check-square, fa fa-check, fa fa-chevron-circle-down, fa fa-chevron-circle-left, fa fa-chevron-circle-right, fa fa-chevron-circle-up, fa fa-chevron-down, fa fa-chevron-left, fa fa-chevron-right, fa fa-chevron-up, fa fa-child, fa fa-chrome, fa fa-circle-o-notch, fa fa-circle-o, fa fa-circle-thin, fa fa-circle, fa fa-clipboard, fa fa-clock-o, fa fa-clone, fa fa-cloud-download, fa fa-cloud-upload, fa fa-cloud, fa fa-cny, fa fa-code-fork, fa fa-code, fa fa-codepen, fa fa-codiepie, fa fa-coffee, fa fa-cog, fa fa-cogs, fa fa-columns, fa fa-comment-o, fa fa-comment, fa fa-commenting-o, fa fa-commenting, fa fa-comments-o, fa fa-comments, fa fa-compass, fa fa-compress, fa fa-connectdevelop, fa fa-contao, fa fa-copy, fa fa-copyright, fa fa-creative-commons, fa fa-credit-card-alt, fa fa-credit-card, fa fa-crop, fa fa-crosshairs, fa fa-css3, fa fa-cube, fa fa-cubes, fa fa-cut, fa fa-cutlery, fa fa-dashboard, fa fa-dashcube, fa fa-database, fa fa-deaf, fa fa-deafness, fa fa-dedent, fa fa-delicious, fa fa-desktop, fa fa-deviantart, fa fa-diamond, fa fa-digg, fa fa-dollar, fa fa-dot-circle-o, fa fa-download, fa fa-dribbble, fa fa-dropbox, fa fa-drupal, fa fa-edge, fa fa-edit, fa fa-eject, fa fa-ellipsis-h, fa fa-ellipsis-v, fa fa-empire, fa fa-envelope-o, fa fa-envelope-square, fa fa-envelope, fa fa-envira, fa fa-eraser, fa fa-eur, fa fa-euro, fa fa-exchange, fa fa-exclamation-circle, fa fa-exclamation-triangle, fa fa-exclamation, fa fa-expand, fa fa-expeditedssl, fa fa-external-link-square, fa fa-external-link, fa fa-eye-slash, fa fa-eye, fa fa-eyedropper, fa fa-facebook-official, fa fa-facebook-square, fa fa-facebook, fa fa-fast-backward, fa fa-fast-forward, fa fa-fax, fa fa-female, fa fa-fighter-jet, fa fa-file-archive-o, fa fa-file-audio-o, fa fa-file-code-o, fa fa-file-excel-o, fa fa-file-image-o, fa fa-file-movie-o, fa fa-file-o, fa fa-file-pdf-o, fa fa-file-photo-o, fa fa-file-picture-o, fa fa-file-powerpoint-o, fa fa-file-sound-o, fa fa-file-text-o, fa fa-file-text, fa fa-file-video-o, fa fa-file-word-o, fa fa-file-zip-o, fa fa-file, fa fa-files-o, fa fa-film, fa fa-filter, fa fa-fire-extinguisher, fa fa-fire, fa fa-firefox, fa fa-first-order, fa fa-flag-checkered, fa fa-flag-o, fa fa-flag, fa fa-flash, fa fa-flask, fa fa-flickr, fa fa-floppy-o, fa fa-folder-o, fa fa-folder-open-o, fa fa-folder-open, fa fa-folder, fa fa-font, fa fa-fonticons, fa fa-fort-awesome, fa fa-forumbee, fa fa-forward, fa fa-foursquare, fa fa-frown-o, fa fa-futbol-o, fa fa-gamepad, fa fa-gavel, fa fa-gbp, fa fa-ge, fa fa-gear, fa fa-gears, fa fa-genderless, fa fa-get-pocket, fa fa-gg-circle, fa fa-gg, fa fa-gift, fa fa-git-square, fa fa-git, fa fa-github-alt, fa fa-github-square, fa fa-github, fa fa-gitlab, fa fa-gittip, fa fa-glass, fa fa-glide-g, fa fa-glide, fa fa-globe, fa fa-google-plus-square, fa fa-google-plus, fa fa-google-wallet, fa fa-google, fa fa-graduation-cap, fa fa-group, fa fa-h-square, fa fa-hacker-news, fa fa-hand-grab-o, fa fa-hand-lizard-o, fa fa-hand-o-down, fa fa-hand-o-left, fa fa-hand-o-right, fa fa-hand-o-up, fa fa-hand-paper-o, fa fa-hand-peace-o, fa fa-hand-pointer-o, fa fa-hand-rock-o, fa fa-hand-scissors-o, fa fa-hand-spock-o, fa fa-hand-stop-o, fa fa-hard-of-hearing, fa fa-hashtag, fa fa-hdd-o, fa fa-header, fa fa-headphones, fa fa-heart-o, fa fa-heart, fa fa-heartbeat, fa fa-history, fa fa-home, fa fa-hospital-o, fa fa-hotel, fa fa-hourglass-1, fa fa-hourglass-2, fa fa-hourglass-3, fa fa-hourglass-end, fa fa-hourglass-half, fa fa-hourglass-o, fa fa-hourglass-start, fa fa-hourglass, fa fa-houzz, fa fa-html5, fa fa-i-cursor, fa fa-ils, fa fa-image, fa fa-inbox, fa fa-indent, fa fa-industry, fa fa-info-circle, fa fa-info, fa fa-inr, fa fa-instagram, fa fa-institution, fa fa-internet-explorer, fa fa-ioxhost, fa fa-italic, fa fa-joomla, fa fa-jpy, fa fa-jsfiddle, fa fa-key, fa fa-keyboard-o, fa fa-krw, fa fa-language, fa fa-laptop, fa fa-lastfm-square, fa fa-lastfm, fa fa-leaf, fa fa-leanpub, fa fa-legal, fa fa-lemon-o, fa fa-level-down, fa fa-level-up, fa fa-life-bouy, fa fa-life-ring, fa fa-life-saver, fa fa-lightbulb-o, fa fa-line-chart, fa fa-link, fa fa-linkedin-square, fa fa-linkedin, fa fa-linux, fa fa-list-alt, fa fa-list-ol, fa fa-list-ul, fa fa-list, fa fa-location-arrow, fa fa-lock, fa fa-long-arrow-down, fa fa-long-arrow-left, fa fa-long-arrow-right, fa fa-long-arrow-up, fa fa-low-vision, fa fa-magic, fa fa-magnet, fa fa-mail-forward, fa fa-mail-reply-all, fa fa-mail-reply, fa fa-male, fa fa-map-marker, fa fa-map-o, fa fa-map-pin, fa fa-map-signs, fa fa-map, fa fa-mars-double, fa fa-mars-stroke-h, fa fa-mars-stroke-v, fa fa-mars-stroke, fa fa-mars, fa fa-maxcdn, fa fa-meanpath, fa fa-medium, fa fa-medkit, fa fa-meh-o, fa fa-mercury, fa fa-microphone-slash, fa fa-microphone, fa fa-minus-circle, fa fa-minus-square-o, fa fa-minus-square, fa fa-minus, fa fa-mixcloud, fa fa-mobile-phone, fa fa-mobile, fa fa-modx, fa fa-money, fa fa-moon-o, fa fa-mortar-board, fa fa-motorcycle, fa fa-mouse-pointer, fa fa-music, fa fa-navicon, fa fa-neuter, fa fa-newspaper-o, fa fa-object-group, fa fa-object-ungroup, fa fa-odnoklassniki-square, fa fa-odnoklassniki, fa fa-opencart, fa fa-openid, fa fa-opera, fa fa-optin-monster, fa fa-outdent, fa fa-pagelines, fa fa-paint-brush, fa fa-paper-plane-o, fa fa-paper-plane, fa fa-paperclip, fa fa-paragraph, fa fa-paste, fa fa-pause-circle-o, fa fa-pause-circle, fa fa-pause, fa fa-paw, fa fa-paypal, fa fa-pencil-square-o, fa fa-pencil-square, fa fa-pencil, fa fa-percent, fa fa-phone-square, fa fa-phone, fa fa-photo, fa fa-picture-o, fa fa-pie-chart, fa fa-pied-piper-alt, fa fa-pied-piper-square, fa fa-pied-piper, fa fa-pinterest-p, fa fa-pinterest-square, fa fa-pinterest, fa fa-plane, fa fa-play-circle-o, fa fa-play-circle, fa fa-play, fa fa-plug, fa fa-plus-circle, fa fa-plus-square-o, fa fa-plus-square, fa fa-plus, fa fa-power-off, fa fa-print, fa fa-product-hunt, fa fa-puzzle-piece, fa fa-qq, fa fa-qrcode, fa fa-question-circle-o, fa fa-question-circle, fa fa-question, fa fa-quote-left, fa fa-quote-right, fa fa-ra, fa fa-random, fa fa-rebel, fa fa-recycle, fa fa-reddit-alien, fa fa-reddit-square, fa fa-reddit, fa fa-refresh, fa fa-registered, fa fa-renren, fa fa-reorder, fa fa-repeat, fa fa-reply-all, fa fa-reply, fa fa-retweet, fa fa-rmb, fa fa-road, fa fa-rocket, fa fa-rotate-left, fa fa-rotate-right, fa fa-rouble, fa fa-rss-square, fa fa-rss, fa fa-rub, fa fa-ruble, fa fa-rupee, fa fa-safari, fa fa-save, fa fa-scissors, fa fa-scribd, fa fa-search-minus, fa fa-search-plus, fa fa-search, fa fa-sellsy, fa fa-send-o, fa fa-send, fa fa-server, fa fa-share-alt-square, fa fa-share-alt, fa fa-share-square-o, fa fa-share-square, fa fa-share, fa fa-shekel, fa fa-sheqel, fa fa-shield, fa fa-ship, fa fa-shirtsinbulk, fa fa-shopping-bag, fa fa-shopping-basket, fa fa-shopping-cart, fa fa-sign-in, fa fa-sign-language, fa fa-sign-out, fa fa-signal, fa fa-signing, fa fa-simplybuilt, fa fa-sitemap, fa fa-skyatlas, fa fa-skype, fa fa-slack, fa fa-sliders, fa fa-slideshare, fa fa-smile-o, fa fa-snapchat-ghost, fa fa-snapchat-square, fa fa-snapchat, fa fa-soccer-ball-o, fa fa-sort-alpha-asc, fa fa-sort-alpha-desc, fa fa-sort-amount-asc, fa fa-sort-amount-desc, fa fa-sort-asc, fa fa-sort-desc, fa fa-sort-down, fa fa-sort-numeric-asc, fa fa-sort-numeric-desc, fa fa-sort-up, fa fa-sort, fa fa-soundcloud, fa fa-space-shuttle, fa fa-spinner, fa fa-spoon, fa fa-spotify, fa fa-square-o, fa fa-square, fa fa-stack-exchange, fa fa-stack-overflow, fa fa-star-half-empty, fa fa-star-half-full, fa fa-star-half-o, fa fa-star-half, fa fa-star-o, fa fa-star, fa fa-steam-square, fa fa-steam, fa fa-step-backward, fa fa-step-forward, fa fa-stethoscope, fa fa-sticky-note-o, fa fa-sticky-note, fa fa-stop-circle-o, fa fa-stop-circle, fa fa-stop, fa fa-street-view, fa fa-strikethrough, fa fa-stumbleupon-circle, fa fa-stumbleupon, fa fa-subscript, fa fa-subway, fa fa-suitcase, fa fa-sun-o, fa fa-superscript, fa fa-support, fa fa-table, fa fa-tablet, fa fa-tachometer, fa fa-tag, fa fa-tags, fa fa-tasks, fa fa-taxi, fa fa-television, fa fa-tencent-weibo, fa fa-terminal, fa fa-text-height, fa fa-text-width, fa fa-th-large, fa fa-th-list, fa fa-th, fa fa-themeisle, fa fa-thumb-tack, fa fa-thumbs-down, fa fa-thumbs-o-down, fa fa-thumbs-o-up, fa fa-thumbs-up, fa fa-ticket, fa fa-times-circle-o, fa fa-times-circle, fa fa-times, fa fa-tint, fa fa-toggle-down, fa fa-toggle-left, fa fa-toggle-off, fa fa-toggle-on, fa fa-toggle-right, fa fa-toggle-up, fa fa-trademark, fa fa-train, fa fa-transgender-alt, fa fa-transgender, fa fa-trash-o, fa fa-trash, fa fa-tree, fa fa-trello, fa fa-tripadvisor, fa fa-trophy, fa fa-truck, fa fa-try, fa fa-tty, fa fa-tumblr-square, fa fa-tumblr, fa fa-turkish-lira, fa fa-tv, fa fa-twitch, fa fa-twitter-square, fa fa-twitter, fa fa-umbrella, fa fa-underline, fa fa-undo, fa fa-universal-access, fa fa-university, fa fa-unlink, fa fa-unlock-alt, fa fa-unlock, fa fa-unsorted, fa fa-upload, fa fa-usb, fa fa-usd, fa fa-user-md, fa fa-user-plus, fa fa-user-secret, fa fa-user-times, fa fa-user, fa fa-users, fa fa-venus-double, fa fa-venus-mars, fa fa-venus, fa fa-viacoin, fa fa-viadeo-square, fa fa-viadeo, fa fa-video-camera, fa fa-vimeo-square, fa fa-vimeo, fa fa-vine, fa fa-vk, fa fa-volume-control-phone, fa fa-volume-down, fa fa-volume-off, fa fa-volume-up, fa fa-warning, fa fa-wechat, fa fa-weibo, fa fa-weixin, fa fa-whatsapp, fa fa-wheelchair-alt, fa fa-wheelchair, fa fa-wifi, fa fa-wikipedia-w, fa fa-windows, fa fa-won, fa fa-wordpress, fa fa-wpbeginner, fa fa-wpforms, fa fa-wrench, fa fa-xing-square, fa fa-xing, fa fa-y-combinator, fa fa-yahoo, fa fa-yc, fa fa-yelp, fa fa-yen, fa fa-yoast, fa fa-youtube-play, fa fa-youtube-square, fa fa-youtube, icon-air-play, icon-align-center, icon-align-justify, icon-align-left, icon-align-right, icon-alt, icon-anchor, icon-archive, icon-arrow-down, icon-arrow-left, icon-arrow-right, icon-arrow-up, icon-bag, icon-ban, icon-bar-graph-2, icon-bar-graph, icon-battery, icon-bell, icon-book, icon-box, icon-briefcase, icon-camera, icon-check, icon-circle-check, icon-circle-cross, icon-circle-minus, icon-circle-plus, icon-clipboard, icon-clock, icon-cloud-download, icon-cloud-upload, icon-cloud, icon-cog, icon-columns, icon-command, icon-content-left, icon-content-right, icon-contract, icon-cross, icon-delete, icon-disc, icon-download, icon-drop, icon-ellipsis, icon-esc, icon-expand, icon-eye, icon-fast-forward, icon-file-add, icon-file-subtract, icon-file, icon-flag, icon-folder, icon-globe, icon-grid-2, icon-grid, icon-head, icon-heart, icon-help, icon-image, icon-inbox, icon-layers, icon-layout, icon-link, icon-loader, icon-location-2, icon-location, icon-lock, icon-mail, icon-map, icon-marquee-minus, icon-marquee-plus, icon-marquee, icon-maximize, icon-menu, icon-microphone, icon-minimize, icon-minus, icon-monitor, icon-moon, icon-move, icon-mute, icon-open, icon-outbox, icon-paper-clip, icon-paper-stack, icon-paper, icon-paragraph, icon-pause, icon-pie-graph, icon-play, icon-plus, icon-power, icon-printer, icon-record, icon-reload, icon-repeat, icon-reply, icon-rewind, icon-ribbon, icon-search, icon-server, icon-share, icon-shuffle, icon-signal, icon-skip-back, icon-skip-forward, icon-speech-bubble, icon-square-check, icon-square-cross, icon-square-minus, icon-square-plus, icon-stack-2, icon-stack, icon-star, icon-stop, icon-sun, icon-tag, icon-target, icon-thermometer, icon-toggle, icon-trash, icon-umbrella, icon-unlock, icon-upload, icon-video, icon-volume, icon-watch, icon-zoom-in, icon-zoom-out
|
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_color | Set the colour of the icon | |
background_color | Set the colour shape background. | |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays an icon.
[icon size="16" text_color="text-normal" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off"]
Name | Description | Default |
---|---|---|
size | Size of font to use for icon ( set to 0 to inhertit font size from container ) | 16 |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
content |
Type of button to display
options : , fa fa-address-book-o, fa fa-address-book, fa fa-address-card-o, fa fa-address-card, fa fa-bandcamp, fa fa-bath, fa fa-bathtub, fa fa-drivers-license-o, fa fa-drivers-license, fa fa-eercast, fa fa-envelope-open-o, fa fa-envelope-open, fa fa-etsy, fa fa-free-code-camp, fa fa-grav, fa fa-handshake-o, fa fa-id-badge, fa fa-id-card-o, fa fa-id-card, fa fa-imdb, fa fa-linode, fa fa-meetup, fa fa-microchip, fa fa-podcast, fa fa-quora, fa fa-ravelry, fa fa-s15, fa fa-shower, fa fa-snowflake-o, fa fa-superpowers, fa fa-telegram, fa fa-thermometer-0, fa fa-thermometer-1, fa fa-thermometer-2, fa fa-thermometer-3, fa fa-thermometer-4, fa fa-thermometer-empty, fa fa-thermometer-full, fa fa-thermometer-half, fa fa-thermometer-quarter, fa fa-thermometer-three-quarters, fa fa-thermometer, fa fa-times-rectangle-o, fa fa-times-rectangle, fa fa-user-circle-o, fa fa-user-circle, fa fa-user-o, fa fa-vcard-o, fa fa-vcard, fa fa-window-close-o, fa fa-window-close, fa fa-window-maximize, fa fa-window-minimize, fa fa-window-restore, fa fa-wpexplorer, fa fa-500px, fa fa-adjust, fa fa-adn, fa fa-align-center, fa fa-align-justify, fa fa-align-left, fa fa-align-right, fa fa-amazon, fa fa-ambulance, fa fa-american-sign-language-interpreting, fa fa-anchor, fa fa-android, fa fa-angellist, fa fa-angle-double-down, fa fa-angle-double-left, fa fa-angle-double-right, fa fa-angle-double-up, fa fa-angle-down, fa fa-angle-left, fa fa-angle-right, fa fa-angle-up, fa fa-apple, fa fa-archive, fa fa-area-chart, fa fa-arrow-circle-down, fa fa-arrow-circle-left, fa fa-arrow-circle-o-down, fa fa-arrow-circle-o-left, fa fa-arrow-circle-o-right, fa fa-arrow-circle-o-up, fa fa-arrow-circle-right, fa fa-arrow-circle-up, fa fa-arrow-down, fa fa-arrow-left, fa fa-arrow-right, fa fa-arrow-up, fa fa-arrows-alt, fa fa-arrows-h, fa fa-arrows-v, fa fa-arrows, fa fa-asl-interpreting, fa fa-assistive-listening-systems, fa fa-asterisk, fa fa-at, fa fa-audio-description, fa fa-automobile, fa fa-backward, fa fa-balance-scale, fa fa-ban, fa fa-bank, fa fa-bar-chart-o, fa fa-barcode, fa fa-bars, fa fa-battery-0, fa fa-battery-1, fa fa-battery-2, fa fa-battery-3, fa fa-battery-4, fa fa-battery-empty, fa fa-battery-full, fa fa-battery-half, fa fa-battery-quarter, fa fa-battery-three-quarters, fa fa-bed, fa fa-beer, fa fa-behance-square, fa fa-behance, fa fa-bell-o, fa fa-bell-slash-o, fa fa-bell-slash, fa fa-bell, fa fa-bicycle, fa fa-binoculars, fa fa-birthday-cake, fa fa-bitbucket-square, fa fa-bitbucket, fa fa-bitcoin, fa fa-black-tie, fa fa-blind, fa fa-bluetooth-b, fa fa-bluetooth, fa fa-bold, fa fa-bolt, fa fa-bomb, fa fa-book, fa fa-bookmark-o, fa fa-bookmark, fa fa-braille, fa fa-briefcase, fa fa-btc, fa fa-bug, fa fa-building-o, fa fa-building, fa fa-bullhorn, fa fa-bullseye, fa fa-bus, fa fa-buysellads, fa fa-cab, fa fa-calculator, fa fa-calendar-check-o, fa fa-calendar-minus-o, fa fa-calendar-o, fa fa-calendar-plus-o, fa fa-calendar-times-o, fa fa-calendar, fa fa-camera-retro, fa fa-camera, fa fa-car, fa fa-caret-down, fa fa-caret-left, fa fa-caret-right, fa fa-caret-square-o-down, fa fa-caret-square-o-left, fa fa-caret-square-o-right, fa fa-caret-square-o-up, fa fa-caret-up, fa fa-cart-arrow-down, fa fa-cart-plus, fa fa-cc-amex, fa fa-cc-diners-club, fa fa-cc-discover, fa fa-cc-jcb, fa fa-cc-mastercard, fa fa-cc-paypal, fa fa-cc-stripe, fa fa-cc-visa, fa fa-cc, fa fa-certificate, fa fa-chain-broken, fa fa-chain, fa fa-check-circle-o, fa fa-check-circle, fa fa-check-square-o, fa fa-check-square, fa fa-check, fa fa-chevron-circle-down, fa fa-chevron-circle-left, fa fa-chevron-circle-right, fa fa-chevron-circle-up, fa fa-chevron-down, fa fa-chevron-left, fa fa-chevron-right, fa fa-chevron-up, fa fa-child, fa fa-chrome, fa fa-circle-o-notch, fa fa-circle-o, fa fa-circle-thin, fa fa-circle, fa fa-clipboard, fa fa-clock-o, fa fa-clone, fa fa-cloud-download, fa fa-cloud-upload, fa fa-cloud, fa fa-cny, fa fa-code-fork, fa fa-code, fa fa-codepen, fa fa-codiepie, fa fa-coffee, fa fa-cog, fa fa-cogs, fa fa-columns, fa fa-comment-o, fa fa-comment, fa fa-commenting-o, fa fa-commenting, fa fa-comments-o, fa fa-comments, fa fa-compass, fa fa-compress, fa fa-connectdevelop, fa fa-contao, fa fa-copy, fa fa-copyright, fa fa-creative-commons, fa fa-credit-card-alt, fa fa-credit-card, fa fa-crop, fa fa-crosshairs, fa fa-css3, fa fa-cube, fa fa-cubes, fa fa-cut, fa fa-cutlery, fa fa-dashboard, fa fa-dashcube, fa fa-database, fa fa-deaf, fa fa-deafness, fa fa-dedent, fa fa-delicious, fa fa-desktop, fa fa-deviantart, fa fa-diamond, fa fa-digg, fa fa-dollar, fa fa-dot-circle-o, fa fa-download, fa fa-dribbble, fa fa-dropbox, fa fa-drupal, fa fa-edge, fa fa-edit, fa fa-eject, fa fa-ellipsis-h, fa fa-ellipsis-v, fa fa-empire, fa fa-envelope-o, fa fa-envelope-square, fa fa-envelope, fa fa-envira, fa fa-eraser, fa fa-eur, fa fa-euro, fa fa-exchange, fa fa-exclamation-circle, fa fa-exclamation-triangle, fa fa-exclamation, fa fa-expand, fa fa-expeditedssl, fa fa-external-link-square, fa fa-external-link, fa fa-eye-slash, fa fa-eye, fa fa-eyedropper, fa fa-facebook-official, fa fa-facebook-square, fa fa-facebook, fa fa-fast-backward, fa fa-fast-forward, fa fa-fax, fa fa-female, fa fa-fighter-jet, fa fa-file-archive-o, fa fa-file-audio-o, fa fa-file-code-o, fa fa-file-excel-o, fa fa-file-image-o, fa fa-file-movie-o, fa fa-file-o, fa fa-file-pdf-o, fa fa-file-photo-o, fa fa-file-picture-o, fa fa-file-powerpoint-o, fa fa-file-sound-o, fa fa-file-text-o, fa fa-file-text, fa fa-file-video-o, fa fa-file-word-o, fa fa-file-zip-o, fa fa-file, fa fa-files-o, fa fa-film, fa fa-filter, fa fa-fire-extinguisher, fa fa-fire, fa fa-firefox, fa fa-first-order, fa fa-flag-checkered, fa fa-flag-o, fa fa-flag, fa fa-flash, fa fa-flask, fa fa-flickr, fa fa-floppy-o, fa fa-folder-o, fa fa-folder-open-o, fa fa-folder-open, fa fa-folder, fa fa-font, fa fa-fonticons, fa fa-fort-awesome, fa fa-forumbee, fa fa-forward, fa fa-foursquare, fa fa-frown-o, fa fa-futbol-o, fa fa-gamepad, fa fa-gavel, fa fa-gbp, fa fa-ge, fa fa-gear, fa fa-gears, fa fa-genderless, fa fa-get-pocket, fa fa-gg-circle, fa fa-gg, fa fa-gift, fa fa-git-square, fa fa-git, fa fa-github-alt, fa fa-github-square, fa fa-github, fa fa-gitlab, fa fa-gittip, fa fa-glass, fa fa-glide-g, fa fa-glide, fa fa-globe, fa fa-google-plus-square, fa fa-google-plus, fa fa-google-wallet, fa fa-google, fa fa-graduation-cap, fa fa-group, fa fa-h-square, fa fa-hacker-news, fa fa-hand-grab-o, fa fa-hand-lizard-o, fa fa-hand-o-down, fa fa-hand-o-left, fa fa-hand-o-right, fa fa-hand-o-up, fa fa-hand-paper-o, fa fa-hand-peace-o, fa fa-hand-pointer-o, fa fa-hand-rock-o, fa fa-hand-scissors-o, fa fa-hand-spock-o, fa fa-hand-stop-o, fa fa-hard-of-hearing, fa fa-hashtag, fa fa-hdd-o, fa fa-header, fa fa-headphones, fa fa-heart-o, fa fa-heart, fa fa-heartbeat, fa fa-history, fa fa-home, fa fa-hospital-o, fa fa-hotel, fa fa-hourglass-1, fa fa-hourglass-2, fa fa-hourglass-3, fa fa-hourglass-end, fa fa-hourglass-half, fa fa-hourglass-o, fa fa-hourglass-start, fa fa-hourglass, fa fa-houzz, fa fa-html5, fa fa-i-cursor, fa fa-ils, fa fa-image, fa fa-inbox, fa fa-indent, fa fa-industry, fa fa-info-circle, fa fa-info, fa fa-inr, fa fa-instagram, fa fa-institution, fa fa-internet-explorer, fa fa-ioxhost, fa fa-italic, fa fa-joomla, fa fa-jpy, fa fa-jsfiddle, fa fa-key, fa fa-keyboard-o, fa fa-krw, fa fa-language, fa fa-laptop, fa fa-lastfm-square, fa fa-lastfm, fa fa-leaf, fa fa-leanpub, fa fa-legal, fa fa-lemon-o, fa fa-level-down, fa fa-level-up, fa fa-life-bouy, fa fa-life-ring, fa fa-life-saver, fa fa-lightbulb-o, fa fa-line-chart, fa fa-link, fa fa-linkedin-square, fa fa-linkedin, fa fa-linux, fa fa-list-alt, fa fa-list-ol, fa fa-list-ul, fa fa-list, fa fa-location-arrow, fa fa-lock, fa fa-long-arrow-down, fa fa-long-arrow-left, fa fa-long-arrow-right, fa fa-long-arrow-up, fa fa-low-vision, fa fa-magic, fa fa-magnet, fa fa-mail-forward, fa fa-mail-reply-all, fa fa-mail-reply, fa fa-male, fa fa-map-marker, fa fa-map-o, fa fa-map-pin, fa fa-map-signs, fa fa-map, fa fa-mars-double, fa fa-mars-stroke-h, fa fa-mars-stroke-v, fa fa-mars-stroke, fa fa-mars, fa fa-maxcdn, fa fa-meanpath, fa fa-medium, fa fa-medkit, fa fa-meh-o, fa fa-mercury, fa fa-microphone-slash, fa fa-microphone, fa fa-minus-circle, fa fa-minus-square-o, fa fa-minus-square, fa fa-minus, fa fa-mixcloud, fa fa-mobile-phone, fa fa-mobile, fa fa-modx, fa fa-money, fa fa-moon-o, fa fa-mortar-board, fa fa-motorcycle, fa fa-mouse-pointer, fa fa-music, fa fa-navicon, fa fa-neuter, fa fa-newspaper-o, fa fa-object-group, fa fa-object-ungroup, fa fa-odnoklassniki-square, fa fa-odnoklassniki, fa fa-opencart, fa fa-openid, fa fa-opera, fa fa-optin-monster, fa fa-outdent, fa fa-pagelines, fa fa-paint-brush, fa fa-paper-plane-o, fa fa-paper-plane, fa fa-paperclip, fa fa-paragraph, fa fa-paste, fa fa-pause-circle-o, fa fa-pause-circle, fa fa-pause, fa fa-paw, fa fa-paypal, fa fa-pencil-square-o, fa fa-pencil-square, fa fa-pencil, fa fa-percent, fa fa-phone-square, fa fa-phone, fa fa-photo, fa fa-picture-o, fa fa-pie-chart, fa fa-pied-piper-alt, fa fa-pied-piper-square, fa fa-pied-piper, fa fa-pinterest-p, fa fa-pinterest-square, fa fa-pinterest, fa fa-plane, fa fa-play-circle-o, fa fa-play-circle, fa fa-play, fa fa-plug, fa fa-plus-circle, fa fa-plus-square-o, fa fa-plus-square, fa fa-plus, fa fa-power-off, fa fa-print, fa fa-product-hunt, fa fa-puzzle-piece, fa fa-qq, fa fa-qrcode, fa fa-question-circle-o, fa fa-question-circle, fa fa-question, fa fa-quote-left, fa fa-quote-right, fa fa-ra, fa fa-random, fa fa-rebel, fa fa-recycle, fa fa-reddit-alien, fa fa-reddit-square, fa fa-reddit, fa fa-refresh, fa fa-registered, fa fa-renren, fa fa-reorder, fa fa-repeat, fa fa-reply-all, fa fa-reply, fa fa-retweet, fa fa-rmb, fa fa-road, fa fa-rocket, fa fa-rotate-left, fa fa-rotate-right, fa fa-rouble, fa fa-rss-square, fa fa-rss, fa fa-rub, fa fa-ruble, fa fa-rupee, fa fa-safari, fa fa-save, fa fa-scissors, fa fa-scribd, fa fa-search-minus, fa fa-search-plus, fa fa-search, fa fa-sellsy, fa fa-send-o, fa fa-send, fa fa-server, fa fa-share-alt-square, fa fa-share-alt, fa fa-share-square-o, fa fa-share-square, fa fa-share, fa fa-shekel, fa fa-sheqel, fa fa-shield, fa fa-ship, fa fa-shirtsinbulk, fa fa-shopping-bag, fa fa-shopping-basket, fa fa-shopping-cart, fa fa-sign-in, fa fa-sign-language, fa fa-sign-out, fa fa-signal, fa fa-signing, fa fa-simplybuilt, fa fa-sitemap, fa fa-skyatlas, fa fa-skype, fa fa-slack, fa fa-sliders, fa fa-slideshare, fa fa-smile-o, fa fa-snapchat-ghost, fa fa-snapchat-square, fa fa-snapchat, fa fa-soccer-ball-o, fa fa-sort-alpha-asc, fa fa-sort-alpha-desc, fa fa-sort-amount-asc, fa fa-sort-amount-desc, fa fa-sort-asc, fa fa-sort-desc, fa fa-sort-down, fa fa-sort-numeric-asc, fa fa-sort-numeric-desc, fa fa-sort-up, fa fa-sort, fa fa-soundcloud, fa fa-space-shuttle, fa fa-spinner, fa fa-spoon, fa fa-spotify, fa fa-square-o, fa fa-square, fa fa-stack-exchange, fa fa-stack-overflow, fa fa-star-half-empty, fa fa-star-half-full, fa fa-star-half-o, fa fa-star-half, fa fa-star-o, fa fa-star, fa fa-steam-square, fa fa-steam, fa fa-step-backward, fa fa-step-forward, fa fa-stethoscope, fa fa-sticky-note-o, fa fa-sticky-note, fa fa-stop-circle-o, fa fa-stop-circle, fa fa-stop, fa fa-street-view, fa fa-strikethrough, fa fa-stumbleupon-circle, fa fa-stumbleupon, fa fa-subscript, fa fa-subway, fa fa-suitcase, fa fa-sun-o, fa fa-superscript, fa fa-support, fa fa-table, fa fa-tablet, fa fa-tachometer, fa fa-tag, fa fa-tags, fa fa-tasks, fa fa-taxi, fa fa-television, fa fa-tencent-weibo, fa fa-terminal, fa fa-text-height, fa fa-text-width, fa fa-th-large, fa fa-th-list, fa fa-th, fa fa-themeisle, fa fa-thumb-tack, fa fa-thumbs-down, fa fa-thumbs-o-down, fa fa-thumbs-o-up, fa fa-thumbs-up, fa fa-ticket, fa fa-times-circle-o, fa fa-times-circle, fa fa-times, fa fa-tint, fa fa-toggle-down, fa fa-toggle-left, fa fa-toggle-off, fa fa-toggle-on, fa fa-toggle-right, fa fa-toggle-up, fa fa-trademark, fa fa-train, fa fa-transgender-alt, fa fa-transgender, fa fa-trash-o, fa fa-trash, fa fa-tree, fa fa-trello, fa fa-tripadvisor, fa fa-trophy, fa fa-truck, fa fa-try, fa fa-tty, fa fa-tumblr-square, fa fa-tumblr, fa fa-turkish-lira, fa fa-tv, fa fa-twitch, fa fa-twitter-square, fa fa-twitter, fa fa-umbrella, fa fa-underline, fa fa-undo, fa fa-universal-access, fa fa-university, fa fa-unlink, fa fa-unlock-alt, fa fa-unlock, fa fa-unsorted, fa fa-upload, fa fa-usb, fa fa-usd, fa fa-user-md, fa fa-user-plus, fa fa-user-secret, fa fa-user-times, fa fa-user, fa fa-users, fa fa-venus-double, fa fa-venus-mars, fa fa-venus, fa fa-viacoin, fa fa-viadeo-square, fa fa-viadeo, fa fa-video-camera, fa fa-vimeo-square, fa fa-vimeo, fa fa-vine, fa fa-vk, fa fa-volume-control-phone, fa fa-volume-down, fa fa-volume-off, fa fa-volume-up, fa fa-warning, fa fa-wechat, fa fa-weibo, fa fa-weixin, fa fa-whatsapp, fa fa-wheelchair-alt, fa fa-wheelchair, fa fa-wifi, fa fa-wikipedia-w, fa fa-windows, fa fa-won, fa fa-wordpress, fa fa-wpbeginner, fa fa-wpforms, fa fa-wrench, fa fa-xing-square, fa fa-xing, fa fa-y-combinator, fa fa-yahoo, fa fa-yc, fa fa-yelp, fa fa-yen, fa fa-yoast, fa fa-youtube-play, fa fa-youtube-square, fa fa-youtube, icon-air-play, icon-align-center, icon-align-justify, icon-align-left, icon-align-right, icon-alt, icon-anchor, icon-archive, icon-arrow-down, icon-arrow-left, icon-arrow-right, icon-arrow-up, icon-bag, icon-ban, icon-bar-graph-2, icon-bar-graph, icon-battery, icon-bell, icon-book, icon-box, icon-briefcase, icon-camera, icon-check, icon-circle-check, icon-circle-cross, icon-circle-minus, icon-circle-plus, icon-clipboard, icon-clock, icon-cloud-download, icon-cloud-upload, icon-cloud, icon-cog, icon-columns, icon-command, icon-content-left, icon-content-right, icon-contract, icon-cross, icon-delete, icon-disc, icon-download, icon-drop, icon-ellipsis, icon-esc, icon-expand, icon-eye, icon-fast-forward, icon-file-add, icon-file-subtract, icon-file, icon-flag, icon-folder, icon-globe, icon-grid-2, icon-grid, icon-head, icon-heart, icon-help, icon-image, icon-inbox, icon-layers, icon-layout, icon-link, icon-loader, icon-location-2, icon-location, icon-lock, icon-mail, icon-map, icon-marquee-minus, icon-marquee-plus, icon-marquee, icon-maximize, icon-menu, icon-microphone, icon-minimize, icon-minus, icon-monitor, icon-moon, icon-move, icon-mute, icon-open, icon-outbox, icon-paper-clip, icon-paper-stack, icon-paper, icon-paragraph, icon-pause, icon-pie-graph, icon-play, icon-plus, icon-power, icon-printer, icon-record, icon-reload, icon-repeat, icon-reply, icon-rewind, icon-ribbon, icon-search, icon-server, icon-share, icon-shuffle, icon-signal, icon-skip-back, icon-skip-forward, icon-speech-bubble, icon-square-check, icon-square-cross, icon-square-minus, icon-square-plus, icon-stack-2, icon-stack, icon-star, icon-stop, icon-sun, icon-tag, icon-target, icon-thermometer, icon-toggle, icon-trash, icon-umbrella, icon-unlock, icon-upload, icon-video, icon-volume, icon-watch, icon-zoom-in, icon-zoom-out
|
fa fa-glass |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
Creates a fancy call to action button with or without an icon.
[button type="default" size="normal" label="My button" modal="" link="" link_open="_self" icon_position="left" animation="none" icon="" override_bg="" text_color="text-normal" margin_left="0" margin_right="0" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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 | |
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
options : , fa fa-address-book-o, fa fa-address-book, fa fa-address-card-o, fa fa-address-card, fa fa-bandcamp, fa fa-bath, fa fa-bathtub, fa fa-drivers-license-o, fa fa-drivers-license, fa fa-eercast, fa fa-envelope-open-o, fa fa-envelope-open, fa fa-etsy, fa fa-free-code-camp, fa fa-grav, fa fa-handshake-o, fa fa-id-badge, fa fa-id-card-o, fa fa-id-card, fa fa-imdb, fa fa-linode, fa fa-meetup, fa fa-microchip, fa fa-podcast, fa fa-quora, fa fa-ravelry, fa fa-s15, fa fa-shower, fa fa-snowflake-o, fa fa-superpowers, fa fa-telegram, fa fa-thermometer-0, fa fa-thermometer-1, fa fa-thermometer-2, fa fa-thermometer-3, fa fa-thermometer-4, fa fa-thermometer-empty, fa fa-thermometer-full, fa fa-thermometer-half, fa fa-thermometer-quarter, fa fa-thermometer-three-quarters, fa fa-thermometer, fa fa-times-rectangle-o, fa fa-times-rectangle, fa fa-user-circle-o, fa fa-user-circle, fa fa-user-o, fa fa-vcard-o, fa fa-vcard, fa fa-window-close-o, fa fa-window-close, fa fa-window-maximize, fa fa-window-minimize, fa fa-window-restore, fa fa-wpexplorer, fa fa-500px, fa fa-adjust, fa fa-adn, fa fa-align-center, fa fa-align-justify, fa fa-align-left, fa fa-align-right, fa fa-amazon, fa fa-ambulance, fa fa-american-sign-language-interpreting, fa fa-anchor, fa fa-android, fa fa-angellist, fa fa-angle-double-down, fa fa-angle-double-left, fa fa-angle-double-right, fa fa-angle-double-up, fa fa-angle-down, fa fa-angle-left, fa fa-angle-right, fa fa-angle-up, fa fa-apple, fa fa-archive, fa fa-area-chart, fa fa-arrow-circle-down, fa fa-arrow-circle-left, fa fa-arrow-circle-o-down, fa fa-arrow-circle-o-left, fa fa-arrow-circle-o-right, fa fa-arrow-circle-o-up, fa fa-arrow-circle-right, fa fa-arrow-circle-up, fa fa-arrow-down, fa fa-arrow-left, fa fa-arrow-right, fa fa-arrow-up, fa fa-arrows-alt, fa fa-arrows-h, fa fa-arrows-v, fa fa-arrows, fa fa-asl-interpreting, fa fa-assistive-listening-systems, fa fa-asterisk, fa fa-at, fa fa-audio-description, fa fa-automobile, fa fa-backward, fa fa-balance-scale, fa fa-ban, fa fa-bank, fa fa-bar-chart-o, fa fa-barcode, fa fa-bars, fa fa-battery-0, fa fa-battery-1, fa fa-battery-2, fa fa-battery-3, fa fa-battery-4, fa fa-battery-empty, fa fa-battery-full, fa fa-battery-half, fa fa-battery-quarter, fa fa-battery-three-quarters, fa fa-bed, fa fa-beer, fa fa-behance-square, fa fa-behance, fa fa-bell-o, fa fa-bell-slash-o, fa fa-bell-slash, fa fa-bell, fa fa-bicycle, fa fa-binoculars, fa fa-birthday-cake, fa fa-bitbucket-square, fa fa-bitbucket, fa fa-bitcoin, fa fa-black-tie, fa fa-blind, fa fa-bluetooth-b, fa fa-bluetooth, fa fa-bold, fa fa-bolt, fa fa-bomb, fa fa-book, fa fa-bookmark-o, fa fa-bookmark, fa fa-braille, fa fa-briefcase, fa fa-btc, fa fa-bug, fa fa-building-o, fa fa-building, fa fa-bullhorn, fa fa-bullseye, fa fa-bus, fa fa-buysellads, fa fa-cab, fa fa-calculator, fa fa-calendar-check-o, fa fa-calendar-minus-o, fa fa-calendar-o, fa fa-calendar-plus-o, fa fa-calendar-times-o, fa fa-calendar, fa fa-camera-retro, fa fa-camera, fa fa-car, fa fa-caret-down, fa fa-caret-left, fa fa-caret-right, fa fa-caret-square-o-down, fa fa-caret-square-o-left, fa fa-caret-square-o-right, fa fa-caret-square-o-up, fa fa-caret-up, fa fa-cart-arrow-down, fa fa-cart-plus, fa fa-cc-amex, fa fa-cc-diners-club, fa fa-cc-discover, fa fa-cc-jcb, fa fa-cc-mastercard, fa fa-cc-paypal, fa fa-cc-stripe, fa fa-cc-visa, fa fa-cc, fa fa-certificate, fa fa-chain-broken, fa fa-chain, fa fa-check-circle-o, fa fa-check-circle, fa fa-check-square-o, fa fa-check-square, fa fa-check, fa fa-chevron-circle-down, fa fa-chevron-circle-left, fa fa-chevron-circle-right, fa fa-chevron-circle-up, fa fa-chevron-down, fa fa-chevron-left, fa fa-chevron-right, fa fa-chevron-up, fa fa-child, fa fa-chrome, fa fa-circle-o-notch, fa fa-circle-o, fa fa-circle-thin, fa fa-circle, fa fa-clipboard, fa fa-clock-o, fa fa-clone, fa fa-cloud-download, fa fa-cloud-upload, fa fa-cloud, fa fa-cny, fa fa-code-fork, fa fa-code, fa fa-codepen, fa fa-codiepie, fa fa-coffee, fa fa-cog, fa fa-cogs, fa fa-columns, fa fa-comment-o, fa fa-comment, fa fa-commenting-o, fa fa-commenting, fa fa-comments-o, fa fa-comments, fa fa-compass, fa fa-compress, fa fa-connectdevelop, fa fa-contao, fa fa-copy, fa fa-copyright, fa fa-creative-commons, fa fa-credit-card-alt, fa fa-credit-card, fa fa-crop, fa fa-crosshairs, fa fa-css3, fa fa-cube, fa fa-cubes, fa fa-cut, fa fa-cutlery, fa fa-dashboard, fa fa-dashcube, fa fa-database, fa fa-deaf, fa fa-deafness, fa fa-dedent, fa fa-delicious, fa fa-desktop, fa fa-deviantart, fa fa-diamond, fa fa-digg, fa fa-dollar, fa fa-dot-circle-o, fa fa-download, fa fa-dribbble, fa fa-dropbox, fa fa-drupal, fa fa-edge, fa fa-edit, fa fa-eject, fa fa-ellipsis-h, fa fa-ellipsis-v, fa fa-empire, fa fa-envelope-o, fa fa-envelope-square, fa fa-envelope, fa fa-envira, fa fa-eraser, fa fa-eur, fa fa-euro, fa fa-exchange, fa fa-exclamation-circle, fa fa-exclamation-triangle, fa fa-exclamation, fa fa-expand, fa fa-expeditedssl, fa fa-external-link-square, fa fa-external-link, fa fa-eye-slash, fa fa-eye, fa fa-eyedropper, fa fa-facebook-official, fa fa-facebook-square, fa fa-facebook, fa fa-fast-backward, fa fa-fast-forward, fa fa-fax, fa fa-female, fa fa-fighter-jet, fa fa-file-archive-o, fa fa-file-audio-o, fa fa-file-code-o, fa fa-file-excel-o, fa fa-file-image-o, fa fa-file-movie-o, fa fa-file-o, fa fa-file-pdf-o, fa fa-file-photo-o, fa fa-file-picture-o, fa fa-file-powerpoint-o, fa fa-file-sound-o, fa fa-file-text-o, fa fa-file-text, fa fa-file-video-o, fa fa-file-word-o, fa fa-file-zip-o, fa fa-file, fa fa-files-o, fa fa-film, fa fa-filter, fa fa-fire-extinguisher, fa fa-fire, fa fa-firefox, fa fa-first-order, fa fa-flag-checkered, fa fa-flag-o, fa fa-flag, fa fa-flash, fa fa-flask, fa fa-flickr, fa fa-floppy-o, fa fa-folder-o, fa fa-folder-open-o, fa fa-folder-open, fa fa-folder, fa fa-font, fa fa-fonticons, fa fa-fort-awesome, fa fa-forumbee, fa fa-forward, fa fa-foursquare, fa fa-frown-o, fa fa-futbol-o, fa fa-gamepad, fa fa-gavel, fa fa-gbp, fa fa-ge, fa fa-gear, fa fa-gears, fa fa-genderless, fa fa-get-pocket, fa fa-gg-circle, fa fa-gg, fa fa-gift, fa fa-git-square, fa fa-git, fa fa-github-alt, fa fa-github-square, fa fa-github, fa fa-gitlab, fa fa-gittip, fa fa-glass, fa fa-glide-g, fa fa-glide, fa fa-globe, fa fa-google-plus-square, fa fa-google-plus, fa fa-google-wallet, fa fa-google, fa fa-graduation-cap, fa fa-group, fa fa-h-square, fa fa-hacker-news, fa fa-hand-grab-o, fa fa-hand-lizard-o, fa fa-hand-o-down, fa fa-hand-o-left, fa fa-hand-o-right, fa fa-hand-o-up, fa fa-hand-paper-o, fa fa-hand-peace-o, fa fa-hand-pointer-o, fa fa-hand-rock-o, fa fa-hand-scissors-o, fa fa-hand-spock-o, fa fa-hand-stop-o, fa fa-hard-of-hearing, fa fa-hashtag, fa fa-hdd-o, fa fa-header, fa fa-headphones, fa fa-heart-o, fa fa-heart, fa fa-heartbeat, fa fa-history, fa fa-home, fa fa-hospital-o, fa fa-hotel, fa fa-hourglass-1, fa fa-hourglass-2, fa fa-hourglass-3, fa fa-hourglass-end, fa fa-hourglass-half, fa fa-hourglass-o, fa fa-hourglass-start, fa fa-hourglass, fa fa-houzz, fa fa-html5, fa fa-i-cursor, fa fa-ils, fa fa-image, fa fa-inbox, fa fa-indent, fa fa-industry, fa fa-info-circle, fa fa-info, fa fa-inr, fa fa-instagram, fa fa-institution, fa fa-internet-explorer, fa fa-ioxhost, fa fa-italic, fa fa-joomla, fa fa-jpy, fa fa-jsfiddle, fa fa-key, fa fa-keyboard-o, fa fa-krw, fa fa-language, fa fa-laptop, fa fa-lastfm-square, fa fa-lastfm, fa fa-leaf, fa fa-leanpub, fa fa-legal, fa fa-lemon-o, fa fa-level-down, fa fa-level-up, fa fa-life-bouy, fa fa-life-ring, fa fa-life-saver, fa fa-lightbulb-o, fa fa-line-chart, fa fa-link, fa fa-linkedin-square, fa fa-linkedin, fa fa-linux, fa fa-list-alt, fa fa-list-ol, fa fa-list-ul, fa fa-list, fa fa-location-arrow, fa fa-lock, fa fa-long-arrow-down, fa fa-long-arrow-left, fa fa-long-arrow-right, fa fa-long-arrow-up, fa fa-low-vision, fa fa-magic, fa fa-magnet, fa fa-mail-forward, fa fa-mail-reply-all, fa fa-mail-reply, fa fa-male, fa fa-map-marker, fa fa-map-o, fa fa-map-pin, fa fa-map-signs, fa fa-map, fa fa-mars-double, fa fa-mars-stroke-h, fa fa-mars-stroke-v, fa fa-mars-stroke, fa fa-mars, fa fa-maxcdn, fa fa-meanpath, fa fa-medium, fa fa-medkit, fa fa-meh-o, fa fa-mercury, fa fa-microphone-slash, fa fa-microphone, fa fa-minus-circle, fa fa-minus-square-o, fa fa-minus-square, fa fa-minus, fa fa-mixcloud, fa fa-mobile-phone, fa fa-mobile, fa fa-modx, fa fa-money, fa fa-moon-o, fa fa-mortar-board, fa fa-motorcycle, fa fa-mouse-pointer, fa fa-music, fa fa-navicon, fa fa-neuter, fa fa-newspaper-o, fa fa-object-group, fa fa-object-ungroup, fa fa-odnoklassniki-square, fa fa-odnoklassniki, fa fa-opencart, fa fa-openid, fa fa-opera, fa fa-optin-monster, fa fa-outdent, fa fa-pagelines, fa fa-paint-brush, fa fa-paper-plane-o, fa fa-paper-plane, fa fa-paperclip, fa fa-paragraph, fa fa-paste, fa fa-pause-circle-o, fa fa-pause-circle, fa fa-pause, fa fa-paw, fa fa-paypal, fa fa-pencil-square-o, fa fa-pencil-square, fa fa-pencil, fa fa-percent, fa fa-phone-square, fa fa-phone, fa fa-photo, fa fa-picture-o, fa fa-pie-chart, fa fa-pied-piper-alt, fa fa-pied-piper-square, fa fa-pied-piper, fa fa-pinterest-p, fa fa-pinterest-square, fa fa-pinterest, fa fa-plane, fa fa-play-circle-o, fa fa-play-circle, fa fa-play, fa fa-plug, fa fa-plus-circle, fa fa-plus-square-o, fa fa-plus-square, fa fa-plus, fa fa-power-off, fa fa-print, fa fa-product-hunt, fa fa-puzzle-piece, fa fa-qq, fa fa-qrcode, fa fa-question-circle-o, fa fa-question-circle, fa fa-question, fa fa-quote-left, fa fa-quote-right, fa fa-ra, fa fa-random, fa fa-rebel, fa fa-recycle, fa fa-reddit-alien, fa fa-reddit-square, fa fa-reddit, fa fa-refresh, fa fa-registered, fa fa-renren, fa fa-reorder, fa fa-repeat, fa fa-reply-all, fa fa-reply, fa fa-retweet, fa fa-rmb, fa fa-road, fa fa-rocket, fa fa-rotate-left, fa fa-rotate-right, fa fa-rouble, fa fa-rss-square, fa fa-rss, fa fa-rub, fa fa-ruble, fa fa-rupee, fa fa-safari, fa fa-save, fa fa-scissors, fa fa-scribd, fa fa-search-minus, fa fa-search-plus, fa fa-search, fa fa-sellsy, fa fa-send-o, fa fa-send, fa fa-server, fa fa-share-alt-square, fa fa-share-alt, fa fa-share-square-o, fa fa-share-square, fa fa-share, fa fa-shekel, fa fa-sheqel, fa fa-shield, fa fa-ship, fa fa-shirtsinbulk, fa fa-shopping-bag, fa fa-shopping-basket, fa fa-shopping-cart, fa fa-sign-in, fa fa-sign-language, fa fa-sign-out, fa fa-signal, fa fa-signing, fa fa-simplybuilt, fa fa-sitemap, fa fa-skyatlas, fa fa-skype, fa fa-slack, fa fa-sliders, fa fa-slideshare, fa fa-smile-o, fa fa-snapchat-ghost, fa fa-snapchat-square, fa fa-snapchat, fa fa-soccer-ball-o, fa fa-sort-alpha-asc, fa fa-sort-alpha-desc, fa fa-sort-amount-asc, fa fa-sort-amount-desc, fa fa-sort-asc, fa fa-sort-desc, fa fa-sort-down, fa fa-sort-numeric-asc, fa fa-sort-numeric-desc, fa fa-sort-up, fa fa-sort, fa fa-soundcloud, fa fa-space-shuttle, fa fa-spinner, fa fa-spoon, fa fa-spotify, fa fa-square-o, fa fa-square, fa fa-stack-exchange, fa fa-stack-overflow, fa fa-star-half-empty, fa fa-star-half-full, fa fa-star-half-o, fa fa-star-half, fa fa-star-o, fa fa-star, fa fa-steam-square, fa fa-steam, fa fa-step-backward, fa fa-step-forward, fa fa-stethoscope, fa fa-sticky-note-o, fa fa-sticky-note, fa fa-stop-circle-o, fa fa-stop-circle, fa fa-stop, fa fa-street-view, fa fa-strikethrough, fa fa-stumbleupon-circle, fa fa-stumbleupon, fa fa-subscript, fa fa-subway, fa fa-suitcase, fa fa-sun-o, fa fa-superscript, fa fa-support, fa fa-table, fa fa-tablet, fa fa-tachometer, fa fa-tag, fa fa-tags, fa fa-tasks, fa fa-taxi, fa fa-television, fa fa-tencent-weibo, fa fa-terminal, fa fa-text-height, fa fa-text-width, fa fa-th-large, fa fa-th-list, fa fa-th, fa fa-themeisle, fa fa-thumb-tack, fa fa-thumbs-down, fa fa-thumbs-o-down, fa fa-thumbs-o-up, fa fa-thumbs-up, fa fa-ticket, fa fa-times-circle-o, fa fa-times-circle, fa fa-times, fa fa-tint, fa fa-toggle-down, fa fa-toggle-left, fa fa-toggle-off, fa fa-toggle-on, fa fa-toggle-right, fa fa-toggle-up, fa fa-trademark, fa fa-train, fa fa-transgender-alt, fa fa-transgender, fa fa-trash-o, fa fa-trash, fa fa-tree, fa fa-trello, fa fa-tripadvisor, fa fa-trophy, fa fa-truck, fa fa-try, fa fa-tty, fa fa-tumblr-square, fa fa-tumblr, fa fa-turkish-lira, fa fa-tv, fa fa-twitch, fa fa-twitter-square, fa fa-twitter, fa fa-umbrella, fa fa-underline, fa fa-undo, fa fa-universal-access, fa fa-university, fa fa-unlink, fa fa-unlock-alt, fa fa-unlock, fa fa-unsorted, fa fa-upload, fa fa-usb, fa fa-usd, fa fa-user-md, fa fa-user-plus, fa fa-user-secret, fa fa-user-times, fa fa-user, fa fa-users, fa fa-venus-double, fa fa-venus-mars, fa fa-venus, fa fa-viacoin, fa fa-viadeo-square, fa fa-viadeo, fa fa-video-camera, fa fa-vimeo-square, fa fa-vimeo, fa fa-vine, fa fa-vk, fa fa-volume-control-phone, fa fa-volume-down, fa fa-volume-off, fa fa-volume-up, fa fa-warning, fa fa-wechat, fa fa-weibo, fa fa-weixin, fa fa-whatsapp, fa fa-wheelchair-alt, fa fa-wheelchair, fa fa-wifi, fa fa-wikipedia-w, fa fa-windows, fa fa-won, fa fa-wordpress, fa fa-wpbeginner, fa fa-wpforms, fa fa-wrench, fa fa-xing-square, fa fa-xing, fa fa-y-combinator, fa fa-yahoo, fa fa-yc, fa fa-yelp, fa fa-yen, fa fa-yoast, fa fa-youtube-play, fa fa-youtube-square, fa fa-youtube, icon-air-play, icon-align-center, icon-align-justify, icon-align-left, icon-align-right, icon-alt, icon-anchor, icon-archive, icon-arrow-down, icon-arrow-left, icon-arrow-right, icon-arrow-up, icon-bag, icon-ban, icon-bar-graph-2, icon-bar-graph, icon-battery, icon-bell, icon-book, icon-box, icon-briefcase, icon-camera, icon-check, icon-circle-check, icon-circle-cross, icon-circle-minus, icon-circle-plus, icon-clipboard, icon-clock, icon-cloud-download, icon-cloud-upload, icon-cloud, icon-cog, icon-columns, icon-command, icon-content-left, icon-content-right, icon-contract, icon-cross, icon-delete, icon-disc, icon-download, icon-drop, icon-ellipsis, icon-esc, icon-expand, icon-eye, icon-fast-forward, icon-file-add, icon-file-subtract, icon-file, icon-flag, icon-folder, icon-globe, icon-grid-2, icon-grid, icon-head, icon-heart, icon-help, icon-image, icon-inbox, icon-layers, icon-layout, icon-link, icon-loader, icon-location-2, icon-location, icon-lock, icon-mail, icon-map, icon-marquee-minus, icon-marquee-plus, icon-marquee, icon-maximize, icon-menu, icon-microphone, icon-minimize, icon-minus, icon-monitor, icon-moon, icon-move, icon-mute, icon-open, icon-outbox, icon-paper-clip, icon-paper-stack, icon-paper, icon-paragraph, icon-pause, icon-pie-graph, icon-play, icon-plus, icon-power, icon-printer, icon-record, icon-reload, icon-repeat, icon-reply, icon-rewind, icon-ribbon, icon-search, icon-server, icon-share, icon-shuffle, icon-signal, icon-skip-back, icon-skip-forward, icon-speech-bubble, icon-square-check, icon-square-cross, icon-square-minus, icon-square-plus, icon-stack-2, icon-stack, icon-star, icon-stop, icon-sun, icon-tag, icon-target, icon-thermometer, icon-toggle, icon-trash, icon-umbrella, icon-unlock, icon-upload, icon-video, icon-volume, icon-watch, icon-zoom-in, icon-zoom-out
|
|
override_bg | Sets custom background color for the button | |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
margin_left | Amount of space to add to the left of this element. | 0 |
margin_right | Amount of space to add to the right of this element. | 0 |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Creates a Jumbotron bootstrap component.
[vc_jumbotron title="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Creates a Bootstrap Alert box.
[vc_message color="alert-success" title="Watch Out!" dismissable="false" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Adds a Carousel slideshow to the page.
[carousel carousel="" count="0" directionnav="show" showcontrols="show" captions="show" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Creates a Bootstrap Panel with a title and some content.
[panel title="" style="panel-default" background_colour="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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 |
background_colour | Set the background color of panel content | |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Creates a Bootstrap progress bar with a % value.
[progress percentage="50" progress_text="" type="progress" style="progress-bar-info" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Adds a lead paragraph, with slightly larger and bolder text.
[lead align="center" text_color="text-normal" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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. | |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
A popup used for images and videos.
[magnific_popup_link text_color="text-normal" display_style="inline" src_url="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
content | Set the text to use as a link | |
text_color |
Set the color of the link
options : text-normal, text-light
|
text-normal |
display_style |
Set the style that content will be displayed
options : block, inline
|
inline |
src_url | Set the source of video(Youtube or Vimeo) or image | |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Creates a quotation.
[blockquote align="left" who="" cite="" text_color="text-normal" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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). | |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
For use adding source code to a page.
[code margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
content | Source code to display. | |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Adds a countdown timer for coming soon pages.
[countdown date="" number_size="normal" number_weight="regular" text_color="text-normal" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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 |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Creates a link for scrolling to other places in your page.
[vc_scroll link="#id" icon="" icon_color="text-normal" place_bottom="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
link | The link for the scroll button | #id |
icon |
options : , fa fa-address-book-o, fa fa-address-book, fa fa-address-card-o, fa fa-address-card, fa fa-bandcamp, fa fa-bath, fa fa-bathtub, fa fa-drivers-license-o, fa fa-drivers-license, fa fa-eercast, fa fa-envelope-open-o, fa fa-envelope-open, fa fa-etsy, fa fa-free-code-camp, fa fa-grav, fa fa-handshake-o, fa fa-id-badge, fa fa-id-card-o, fa fa-id-card, fa fa-imdb, fa fa-linode, fa fa-meetup, fa fa-microchip, fa fa-podcast, fa fa-quora, fa fa-ravelry, fa fa-s15, fa fa-shower, fa fa-snowflake-o, fa fa-superpowers, fa fa-telegram, fa fa-thermometer-0, fa fa-thermometer-1, fa fa-thermometer-2, fa fa-thermometer-3, fa fa-thermometer-4, fa fa-thermometer-empty, fa fa-thermometer-full, fa fa-thermometer-half, fa fa-thermometer-quarter, fa fa-thermometer-three-quarters, fa fa-thermometer, fa fa-times-rectangle-o, fa fa-times-rectangle, fa fa-user-circle-o, fa fa-user-circle, fa fa-user-o, fa fa-vcard-o, fa fa-vcard, fa fa-window-close-o, fa fa-window-close, fa fa-window-maximize, fa fa-window-minimize, fa fa-window-restore, fa fa-wpexplorer, fa fa-500px, fa fa-adjust, fa fa-adn, fa fa-align-center, fa fa-align-justify, fa fa-align-left, fa fa-align-right, fa fa-amazon, fa fa-ambulance, fa fa-american-sign-language-interpreting, fa fa-anchor, fa fa-android, fa fa-angellist, fa fa-angle-double-down, fa fa-angle-double-left, fa fa-angle-double-right, fa fa-angle-double-up, fa fa-angle-down, fa fa-angle-left, fa fa-angle-right, fa fa-angle-up, fa fa-apple, fa fa-archive, fa fa-area-chart, fa fa-arrow-circle-down, fa fa-arrow-circle-left, fa fa-arrow-circle-o-down, fa fa-arrow-circle-o-left, fa fa-arrow-circle-o-right, fa fa-arrow-circle-o-up, fa fa-arrow-circle-right, fa fa-arrow-circle-up, fa fa-arrow-down, fa fa-arrow-left, fa fa-arrow-right, fa fa-arrow-up, fa fa-arrows-alt, fa fa-arrows-h, fa fa-arrows-v, fa fa-arrows, fa fa-asl-interpreting, fa fa-assistive-listening-systems, fa fa-asterisk, fa fa-at, fa fa-audio-description, fa fa-automobile, fa fa-backward, fa fa-balance-scale, fa fa-ban, fa fa-bank, fa fa-bar-chart-o, fa fa-barcode, fa fa-bars, fa fa-battery-0, fa fa-battery-1, fa fa-battery-2, fa fa-battery-3, fa fa-battery-4, fa fa-battery-empty, fa fa-battery-full, fa fa-battery-half, fa fa-battery-quarter, fa fa-battery-three-quarters, fa fa-bed, fa fa-beer, fa fa-behance-square, fa fa-behance, fa fa-bell-o, fa fa-bell-slash-o, fa fa-bell-slash, fa fa-bell, fa fa-bicycle, fa fa-binoculars, fa fa-birthday-cake, fa fa-bitbucket-square, fa fa-bitbucket, fa fa-bitcoin, fa fa-black-tie, fa fa-blind, fa fa-bluetooth-b, fa fa-bluetooth, fa fa-bold, fa fa-bolt, fa fa-bomb, fa fa-book, fa fa-bookmark-o, fa fa-bookmark, fa fa-braille, fa fa-briefcase, fa fa-btc, fa fa-bug, fa fa-building-o, fa fa-building, fa fa-bullhorn, fa fa-bullseye, fa fa-bus, fa fa-buysellads, fa fa-cab, fa fa-calculator, fa fa-calendar-check-o, fa fa-calendar-minus-o, fa fa-calendar-o, fa fa-calendar-plus-o, fa fa-calendar-times-o, fa fa-calendar, fa fa-camera-retro, fa fa-camera, fa fa-car, fa fa-caret-down, fa fa-caret-left, fa fa-caret-right, fa fa-caret-square-o-down, fa fa-caret-square-o-left, fa fa-caret-square-o-right, fa fa-caret-square-o-up, fa fa-caret-up, fa fa-cart-arrow-down, fa fa-cart-plus, fa fa-cc-amex, fa fa-cc-diners-club, fa fa-cc-discover, fa fa-cc-jcb, fa fa-cc-mastercard, fa fa-cc-paypal, fa fa-cc-stripe, fa fa-cc-visa, fa fa-cc, fa fa-certificate, fa fa-chain-broken, fa fa-chain, fa fa-check-circle-o, fa fa-check-circle, fa fa-check-square-o, fa fa-check-square, fa fa-check, fa fa-chevron-circle-down, fa fa-chevron-circle-left, fa fa-chevron-circle-right, fa fa-chevron-circle-up, fa fa-chevron-down, fa fa-chevron-left, fa fa-chevron-right, fa fa-chevron-up, fa fa-child, fa fa-chrome, fa fa-circle-o-notch, fa fa-circle-o, fa fa-circle-thin, fa fa-circle, fa fa-clipboard, fa fa-clock-o, fa fa-clone, fa fa-cloud-download, fa fa-cloud-upload, fa fa-cloud, fa fa-cny, fa fa-code-fork, fa fa-code, fa fa-codepen, fa fa-codiepie, fa fa-coffee, fa fa-cog, fa fa-cogs, fa fa-columns, fa fa-comment-o, fa fa-comment, fa fa-commenting-o, fa fa-commenting, fa fa-comments-o, fa fa-comments, fa fa-compass, fa fa-compress, fa fa-connectdevelop, fa fa-contao, fa fa-copy, fa fa-copyright, fa fa-creative-commons, fa fa-credit-card-alt, fa fa-credit-card, fa fa-crop, fa fa-crosshairs, fa fa-css3, fa fa-cube, fa fa-cubes, fa fa-cut, fa fa-cutlery, fa fa-dashboard, fa fa-dashcube, fa fa-database, fa fa-deaf, fa fa-deafness, fa fa-dedent, fa fa-delicious, fa fa-desktop, fa fa-deviantart, fa fa-diamond, fa fa-digg, fa fa-dollar, fa fa-dot-circle-o, fa fa-download, fa fa-dribbble, fa fa-dropbox, fa fa-drupal, fa fa-edge, fa fa-edit, fa fa-eject, fa fa-ellipsis-h, fa fa-ellipsis-v, fa fa-empire, fa fa-envelope-o, fa fa-envelope-square, fa fa-envelope, fa fa-envira, fa fa-eraser, fa fa-eur, fa fa-euro, fa fa-exchange, fa fa-exclamation-circle, fa fa-exclamation-triangle, fa fa-exclamation, fa fa-expand, fa fa-expeditedssl, fa fa-external-link-square, fa fa-external-link, fa fa-eye-slash, fa fa-eye, fa fa-eyedropper, fa fa-facebook-official, fa fa-facebook-square, fa fa-facebook, fa fa-fast-backward, fa fa-fast-forward, fa fa-fax, fa fa-female, fa fa-fighter-jet, fa fa-file-archive-o, fa fa-file-audio-o, fa fa-file-code-o, fa fa-file-excel-o, fa fa-file-image-o, fa fa-file-movie-o, fa fa-file-o, fa fa-file-pdf-o, fa fa-file-photo-o, fa fa-file-picture-o, fa fa-file-powerpoint-o, fa fa-file-sound-o, fa fa-file-text-o, fa fa-file-text, fa fa-file-video-o, fa fa-file-word-o, fa fa-file-zip-o, fa fa-file, fa fa-files-o, fa fa-film, fa fa-filter, fa fa-fire-extinguisher, fa fa-fire, fa fa-firefox, fa fa-first-order, fa fa-flag-checkered, fa fa-flag-o, fa fa-flag, fa fa-flash, fa fa-flask, fa fa-flickr, fa fa-floppy-o, fa fa-folder-o, fa fa-folder-open-o, fa fa-folder-open, fa fa-folder, fa fa-font, fa fa-fonticons, fa fa-fort-awesome, fa fa-forumbee, fa fa-forward, fa fa-foursquare, fa fa-frown-o, fa fa-futbol-o, fa fa-gamepad, fa fa-gavel, fa fa-gbp, fa fa-ge, fa fa-gear, fa fa-gears, fa fa-genderless, fa fa-get-pocket, fa fa-gg-circle, fa fa-gg, fa fa-gift, fa fa-git-square, fa fa-git, fa fa-github-alt, fa fa-github-square, fa fa-github, fa fa-gitlab, fa fa-gittip, fa fa-glass, fa fa-glide-g, fa fa-glide, fa fa-globe, fa fa-google-plus-square, fa fa-google-plus, fa fa-google-wallet, fa fa-google, fa fa-graduation-cap, fa fa-group, fa fa-h-square, fa fa-hacker-news, fa fa-hand-grab-o, fa fa-hand-lizard-o, fa fa-hand-o-down, fa fa-hand-o-left, fa fa-hand-o-right, fa fa-hand-o-up, fa fa-hand-paper-o, fa fa-hand-peace-o, fa fa-hand-pointer-o, fa fa-hand-rock-o, fa fa-hand-scissors-o, fa fa-hand-spock-o, fa fa-hand-stop-o, fa fa-hard-of-hearing, fa fa-hashtag, fa fa-hdd-o, fa fa-header, fa fa-headphones, fa fa-heart-o, fa fa-heart, fa fa-heartbeat, fa fa-history, fa fa-home, fa fa-hospital-o, fa fa-hotel, fa fa-hourglass-1, fa fa-hourglass-2, fa fa-hourglass-3, fa fa-hourglass-end, fa fa-hourglass-half, fa fa-hourglass-o, fa fa-hourglass-start, fa fa-hourglass, fa fa-houzz, fa fa-html5, fa fa-i-cursor, fa fa-ils, fa fa-image, fa fa-inbox, fa fa-indent, fa fa-industry, fa fa-info-circle, fa fa-info, fa fa-inr, fa fa-instagram, fa fa-institution, fa fa-internet-explorer, fa fa-ioxhost, fa fa-italic, fa fa-joomla, fa fa-jpy, fa fa-jsfiddle, fa fa-key, fa fa-keyboard-o, fa fa-krw, fa fa-language, fa fa-laptop, fa fa-lastfm-square, fa fa-lastfm, fa fa-leaf, fa fa-leanpub, fa fa-legal, fa fa-lemon-o, fa fa-level-down, fa fa-level-up, fa fa-life-bouy, fa fa-life-ring, fa fa-life-saver, fa fa-lightbulb-o, fa fa-line-chart, fa fa-link, fa fa-linkedin-square, fa fa-linkedin, fa fa-linux, fa fa-list-alt, fa fa-list-ol, fa fa-list-ul, fa fa-list, fa fa-location-arrow, fa fa-lock, fa fa-long-arrow-down, fa fa-long-arrow-left, fa fa-long-arrow-right, fa fa-long-arrow-up, fa fa-low-vision, fa fa-magic, fa fa-magnet, fa fa-mail-forward, fa fa-mail-reply-all, fa fa-mail-reply, fa fa-male, fa fa-map-marker, fa fa-map-o, fa fa-map-pin, fa fa-map-signs, fa fa-map, fa fa-mars-double, fa fa-mars-stroke-h, fa fa-mars-stroke-v, fa fa-mars-stroke, fa fa-mars, fa fa-maxcdn, fa fa-meanpath, fa fa-medium, fa fa-medkit, fa fa-meh-o, fa fa-mercury, fa fa-microphone-slash, fa fa-microphone, fa fa-minus-circle, fa fa-minus-square-o, fa fa-minus-square, fa fa-minus, fa fa-mixcloud, fa fa-mobile-phone, fa fa-mobile, fa fa-modx, fa fa-money, fa fa-moon-o, fa fa-mortar-board, fa fa-motorcycle, fa fa-mouse-pointer, fa fa-music, fa fa-navicon, fa fa-neuter, fa fa-newspaper-o, fa fa-object-group, fa fa-object-ungroup, fa fa-odnoklassniki-square, fa fa-odnoklassniki, fa fa-opencart, fa fa-openid, fa fa-opera, fa fa-optin-monster, fa fa-outdent, fa fa-pagelines, fa fa-paint-brush, fa fa-paper-plane-o, fa fa-paper-plane, fa fa-paperclip, fa fa-paragraph, fa fa-paste, fa fa-pause-circle-o, fa fa-pause-circle, fa fa-pause, fa fa-paw, fa fa-paypal, fa fa-pencil-square-o, fa fa-pencil-square, fa fa-pencil, fa fa-percent, fa fa-phone-square, fa fa-phone, fa fa-photo, fa fa-picture-o, fa fa-pie-chart, fa fa-pied-piper-alt, fa fa-pied-piper-square, fa fa-pied-piper, fa fa-pinterest-p, fa fa-pinterest-square, fa fa-pinterest, fa fa-plane, fa fa-play-circle-o, fa fa-play-circle, fa fa-play, fa fa-plug, fa fa-plus-circle, fa fa-plus-square-o, fa fa-plus-square, fa fa-plus, fa fa-power-off, fa fa-print, fa fa-product-hunt, fa fa-puzzle-piece, fa fa-qq, fa fa-qrcode, fa fa-question-circle-o, fa fa-question-circle, fa fa-question, fa fa-quote-left, fa fa-quote-right, fa fa-ra, fa fa-random, fa fa-rebel, fa fa-recycle, fa fa-reddit-alien, fa fa-reddit-square, fa fa-reddit, fa fa-refresh, fa fa-registered, fa fa-renren, fa fa-reorder, fa fa-repeat, fa fa-reply-all, fa fa-reply, fa fa-retweet, fa fa-rmb, fa fa-road, fa fa-rocket, fa fa-rotate-left, fa fa-rotate-right, fa fa-rouble, fa fa-rss-square, fa fa-rss, fa fa-rub, fa fa-ruble, fa fa-rupee, fa fa-safari, fa fa-save, fa fa-scissors, fa fa-scribd, fa fa-search-minus, fa fa-search-plus, fa fa-search, fa fa-sellsy, fa fa-send-o, fa fa-send, fa fa-server, fa fa-share-alt-square, fa fa-share-alt, fa fa-share-square-o, fa fa-share-square, fa fa-share, fa fa-shekel, fa fa-sheqel, fa fa-shield, fa fa-ship, fa fa-shirtsinbulk, fa fa-shopping-bag, fa fa-shopping-basket, fa fa-shopping-cart, fa fa-sign-in, fa fa-sign-language, fa fa-sign-out, fa fa-signal, fa fa-signing, fa fa-simplybuilt, fa fa-sitemap, fa fa-skyatlas, fa fa-skype, fa fa-slack, fa fa-sliders, fa fa-slideshare, fa fa-smile-o, fa fa-snapchat-ghost, fa fa-snapchat-square, fa fa-snapchat, fa fa-soccer-ball-o, fa fa-sort-alpha-asc, fa fa-sort-alpha-desc, fa fa-sort-amount-asc, fa fa-sort-amount-desc, fa fa-sort-asc, fa fa-sort-desc, fa fa-sort-down, fa fa-sort-numeric-asc, fa fa-sort-numeric-desc, fa fa-sort-up, fa fa-sort, fa fa-soundcloud, fa fa-space-shuttle, fa fa-spinner, fa fa-spoon, fa fa-spotify, fa fa-square-o, fa fa-square, fa fa-stack-exchange, fa fa-stack-overflow, fa fa-star-half-empty, fa fa-star-half-full, fa fa-star-half-o, fa fa-star-half, fa fa-star-o, fa fa-star, fa fa-steam-square, fa fa-steam, fa fa-step-backward, fa fa-step-forward, fa fa-stethoscope, fa fa-sticky-note-o, fa fa-sticky-note, fa fa-stop-circle-o, fa fa-stop-circle, fa fa-stop, fa fa-street-view, fa fa-strikethrough, fa fa-stumbleupon-circle, fa fa-stumbleupon, fa fa-subscript, fa fa-subway, fa fa-suitcase, fa fa-sun-o, fa fa-superscript, fa fa-support, fa fa-table, fa fa-tablet, fa fa-tachometer, fa fa-tag, fa fa-tags, fa fa-tasks, fa fa-taxi, fa fa-television, fa fa-tencent-weibo, fa fa-terminal, fa fa-text-height, fa fa-text-width, fa fa-th-large, fa fa-th-list, fa fa-th, fa fa-themeisle, fa fa-thumb-tack, fa fa-thumbs-down, fa fa-thumbs-o-down, fa fa-thumbs-o-up, fa fa-thumbs-up, fa fa-ticket, fa fa-times-circle-o, fa fa-times-circle, fa fa-times, fa fa-tint, fa fa-toggle-down, fa fa-toggle-left, fa fa-toggle-off, fa fa-toggle-on, fa fa-toggle-right, fa fa-toggle-up, fa fa-trademark, fa fa-train, fa fa-transgender-alt, fa fa-transgender, fa fa-trash-o, fa fa-trash, fa fa-tree, fa fa-trello, fa fa-tripadvisor, fa fa-trophy, fa fa-truck, fa fa-try, fa fa-tty, fa fa-tumblr-square, fa fa-tumblr, fa fa-turkish-lira, fa fa-tv, fa fa-twitch, fa fa-twitter-square, fa fa-twitter, fa fa-umbrella, fa fa-underline, fa fa-undo, fa fa-universal-access, fa fa-university, fa fa-unlink, fa fa-unlock-alt, fa fa-unlock, fa fa-unsorted, fa fa-upload, fa fa-usb, fa fa-usd, fa fa-user-md, fa fa-user-plus, fa fa-user-secret, fa fa-user-times, fa fa-user, fa fa-users, fa fa-venus-double, fa fa-venus-mars, fa fa-venus, fa fa-viacoin, fa fa-viadeo-square, fa fa-viadeo, fa fa-video-camera, fa fa-vimeo-square, fa fa-vimeo, fa fa-vine, fa fa-vk, fa fa-volume-control-phone, fa fa-volume-down, fa fa-volume-off, fa fa-volume-up, fa fa-warning, fa fa-wechat, fa fa-weibo, fa fa-weixin, fa fa-whatsapp, fa fa-wheelchair-alt, fa fa-wheelchair, fa fa-wifi, fa fa-wikipedia-w, fa fa-windows, fa fa-won, fa fa-wordpress, fa fa-wpbeginner, fa fa-wpforms, fa fa-wrench, fa fa-xing-square, fa fa-xing, fa fa-y-combinator, fa fa-yahoo, fa fa-yc, fa fa-yelp, fa fa-yen, fa fa-yoast, fa fa-youtube-play, fa fa-youtube-square, fa fa-youtube, icon-air-play, icon-align-center, icon-align-justify, icon-align-left, icon-align-right, icon-alt, icon-anchor, icon-archive, icon-arrow-down, icon-arrow-left, icon-arrow-right, icon-arrow-up, icon-bag, icon-ban, icon-bar-graph-2, icon-bar-graph, icon-battery, icon-bell, icon-book, icon-box, icon-briefcase, icon-camera, icon-check, icon-circle-check, icon-circle-cross, icon-circle-minus, icon-circle-plus, icon-clipboard, icon-clock, icon-cloud-download, icon-cloud-upload, icon-cloud, icon-cog, icon-columns, icon-command, icon-content-left, icon-content-right, icon-contract, icon-cross, icon-delete, icon-disc, icon-download, icon-drop, icon-ellipsis, icon-esc, icon-expand, icon-eye, icon-fast-forward, icon-file-add, icon-file-subtract, icon-file, icon-flag, icon-folder, icon-globe, icon-grid-2, icon-grid, icon-head, icon-heart, icon-help, icon-image, icon-inbox, icon-layers, icon-layout, icon-link, icon-loader, icon-location-2, icon-location, icon-lock, icon-mail, icon-map, icon-marquee-minus, icon-marquee-plus, icon-marquee, icon-maximize, icon-menu, icon-microphone, icon-minimize, icon-minus, icon-monitor, icon-moon, icon-move, icon-mute, icon-open, icon-outbox, icon-paper-clip, icon-paper-stack, icon-paper, icon-paragraph, icon-pause, icon-pie-graph, icon-play, icon-plus, icon-power, icon-printer, icon-record, icon-reload, icon-repeat, icon-reply, icon-rewind, icon-ribbon, icon-search, icon-server, icon-share, icon-shuffle, icon-signal, icon-skip-back, icon-skip-forward, icon-speech-bubble, icon-square-check, icon-square-cross, icon-square-minus, icon-square-plus, icon-stack-2, icon-stack, icon-star, icon-stop, icon-sun, icon-tag, icon-target, icon-thermometer, icon-toggle, icon-trash, icon-umbrella, icon-unlock, icon-upload, icon-video, icon-volume, icon-watch, icon-zoom-in, icon-zoom-out
|
|
icon_color |
Set the color of the icon
options : text-normal, text-light
|
text-normal |
place_bottom |
Place the button to the bottom of the section
options : on,
|
|
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Adds a list of tags
[tags tags="Web Design, Logo Design, CSS Animations" size="normal" style="tag-list" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Adds a list of skills
[skills skills="Web Design, Logo Design, CSS Animations" size="normal" text_color="text-normal" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
skills | Comma seperated values that will be inserted in the skills list | Web Design, Logo Design, CSS Animations |
size |
Choose size of the skill list.
options : , lead
|
normal |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Adds a video player.
[vc_video src="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
src | ||
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
A block of text with WYSIWYG editor.
[vc_column_text text_columns="col-text-1" text_color="text-normal" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
content |
I am text block. Click edit button to change this text. |
|
text_columns |
Css text columns.
options : col-text-1, col-text-2, col-text-3, col-text-4, col-text-5, col-text-6
|
col-text-1 |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
A block of slab text with WYSIWYG editor.
[vc_column_slab_text slab_header="h3" slab_weight="regular" text_color="text-normal" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
content | Hit Enter for new line, only in the Visual tab. | I am text block. Click edit button to change this text. |
slab_header |
Type of heading to use for text.
options : h1, h2, h3, h4, h5, h6
|
h3 |
slab_weight |
Choose weight for the font.
options : regular, black, bold, light, hairline
|
regular |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Adds Social Sharing icons to your pages
[sharing title="" icons_color="text-normal" social_networks="facebook,twitter,google,pinterest,linkedin,vk" icon_size="sm" background_show="background" background_show_hover="on" background_shape="circle" background_colour="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
title | Title that will appear above the social share icons. | |
icons_color |
Set the color of icons
options : text-normal, text-light
|
text-normal |
social_networks |
Select which social networks you would like to share on.
options : facebook, twitter, google, pinterest, linkedin, vk
|
facebook,twitter,google,pinterest,linkedin,vk |
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_show_hover |
Change the background color behind the social icon on hover.
options : on, off
|
on |
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Adds Social icons to your pages
[socialicons title="" icons_color="text-normal" icon_size="sm" background_show="background" background_shape="circle" background_colour="#82c9ed" link_target="_self" adn="" android="" apple="" bitbucket="" bitbucket_square="" bitcoin="" btc="" css3="" dribbble="" dropbox="" facebook="" facebook_square="" flickr="" foursquare="" github="" github_alt="" github_square="" gittip="" google_plus="" google_plus_square="" html5="" instagram="" linkedin="" linkedin_square="" linux="" maxcdn="" pagelines="" pinterest="" pinterest_square="" renren="" skype="" stack_exchange="" stack_overflow="" trello="" tumblr="" tumblr_square="" twitter="" youtube="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
title | Title that will appear above the social icons. | |
icons_color |
Set the color of the icons
options : text-normal, text-light
|
text-normal |
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_square | ||
flickr | ||
foursquare | ||
github | ||
github_alt | ||
github_square | ||
gittip | ||
google_plus | ||
google_plus_square | ||
html5 | ||
linkedin_square | ||
linux | ||
maxcdn | ||
pagelines | ||
pinterest_square | ||
renren | ||
skype | ||
stack_exchange | ||
stack_overflow | ||
trello | ||
tumblr | ||
tumblr_square | ||
youtube | ||
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Adds space between elements.
[divider visibility="hidden" background_colour="#FFFFFF" xs_height="24" sm_height="24" md_height="24" lg_height="24" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off"]
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. | #FFFFFF |
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 large desktop displays (>1200px). | 24 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
Adds a divider between elements.
[bordered_divider divider_color="" divider_height="4" divider_width="40" divider_align="divider-border-center" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
divider_color | Color of the divider. | |
divider_height | Height of divider. | 4 |
divider_width | Width of divider. | 40 |
divider_align |
Sets the alignment of the divider.
options : divider-border-default, divider-border-left, divider-border-center, divider-border-right
|
divider-border-center |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
A ruler that is used to divide content.
[ruler_divider margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""] content goes here [/ruler_divider]
Name | Description | Default |
---|---|---|
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Add a data chart to the page.
[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="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Creates Bootstrap Tabs with content.
[vc_tabs style="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Creates a Bootstrap Accordion.
[vc_accordion type="primary" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
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. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays a list of icons.
[simple_icon_list size="normal" text_color="text-normal" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
size |
Choose between normal or and big item size
options : normal, big
|
normal |
text_color |
Set the text color of the heading
options : text-normal, text-light
|
text-normal |
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays an icon alongside some text.
[simple_icon icon="" icon_color="" title="" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off"]
Name | Description | Default |
---|---|---|
icon |
Select an icon that will appear in your list.
options : , fa fa-address-book-o, fa fa-address-book, fa fa-address-card-o, fa fa-address-card, fa fa-bandcamp, fa fa-bath, fa fa-bathtub, fa fa-drivers-license-o, fa fa-drivers-license, fa fa-eercast, fa fa-envelope-open-o, fa fa-envelope-open, fa fa-etsy, fa fa-free-code-camp, fa fa-grav, fa fa-handshake-o, fa fa-id-badge, fa fa-id-card-o, fa fa-id-card, fa fa-imdb, fa fa-linode, fa fa-meetup, fa fa-microchip, fa fa-podcast, fa fa-quora, fa fa-ravelry, fa fa-s15, fa fa-shower, fa fa-snowflake-o, fa fa-superpowers, fa fa-telegram, fa fa-thermometer-0, fa fa-thermometer-1, fa fa-thermometer-2, fa fa-thermometer-3, fa fa-thermometer-4, fa fa-thermometer-empty, fa fa-thermometer-full, fa fa-thermometer-half, fa fa-thermometer-quarter, fa fa-thermometer-three-quarters, fa fa-thermometer, fa fa-times-rectangle-o, fa fa-times-rectangle, fa fa-user-circle-o, fa fa-user-circle, fa fa-user-o, fa fa-vcard-o, fa fa-vcard, fa fa-window-close-o, fa fa-window-close, fa fa-window-maximize, fa fa-window-minimize, fa fa-window-restore, fa fa-wpexplorer, fa fa-500px, fa fa-adjust, fa fa-adn, fa fa-align-center, fa fa-align-justify, fa fa-align-left, fa fa-align-right, fa fa-amazon, fa fa-ambulance, fa fa-american-sign-language-interpreting, fa fa-anchor, fa fa-android, fa fa-angellist, fa fa-angle-double-down, fa fa-angle-double-left, fa fa-angle-double-right, fa fa-angle-double-up, fa fa-angle-down, fa fa-angle-left, fa fa-angle-right, fa fa-angle-up, fa fa-apple, fa fa-archive, fa fa-area-chart, fa fa-arrow-circle-down, fa fa-arrow-circle-left, fa fa-arrow-circle-o-down, fa fa-arrow-circle-o-left, fa fa-arrow-circle-o-right, fa fa-arrow-circle-o-up, fa fa-arrow-circle-right, fa fa-arrow-circle-up, fa fa-arrow-down, fa fa-arrow-left, fa fa-arrow-right, fa fa-arrow-up, fa fa-arrows-alt, fa fa-arrows-h, fa fa-arrows-v, fa fa-arrows, fa fa-asl-interpreting, fa fa-assistive-listening-systems, fa fa-asterisk, fa fa-at, fa fa-audio-description, fa fa-automobile, fa fa-backward, fa fa-balance-scale, fa fa-ban, fa fa-bank, fa fa-bar-chart-o, fa fa-barcode, fa fa-bars, fa fa-battery-0, fa fa-battery-1, fa fa-battery-2, fa fa-battery-3, fa fa-battery-4, fa fa-battery-empty, fa fa-battery-full, fa fa-battery-half, fa fa-battery-quarter, fa fa-battery-three-quarters, fa fa-bed, fa fa-beer, fa fa-behance-square, fa fa-behance, fa fa-bell-o, fa fa-bell-slash-o, fa fa-bell-slash, fa fa-bell, fa fa-bicycle, fa fa-binoculars, fa fa-birthday-cake, fa fa-bitbucket-square, fa fa-bitbucket, fa fa-bitcoin, fa fa-black-tie, fa fa-blind, fa fa-bluetooth-b, fa fa-bluetooth, fa fa-bold, fa fa-bolt, fa fa-bomb, fa fa-book, fa fa-bookmark-o, fa fa-bookmark, fa fa-braille, fa fa-briefcase, fa fa-btc, fa fa-bug, fa fa-building-o, fa fa-building, fa fa-bullhorn, fa fa-bullseye, fa fa-bus, fa fa-buysellads, fa fa-cab, fa fa-calculator, fa fa-calendar-check-o, fa fa-calendar-minus-o, fa fa-calendar-o, fa fa-calendar-plus-o, fa fa-calendar-times-o, fa fa-calendar, fa fa-camera-retro, fa fa-camera, fa fa-car, fa fa-caret-down, fa fa-caret-left, fa fa-caret-right, fa fa-caret-square-o-down, fa fa-caret-square-o-left, fa fa-caret-square-o-right, fa fa-caret-square-o-up, fa fa-caret-up, fa fa-cart-arrow-down, fa fa-cart-plus, fa fa-cc-amex, fa fa-cc-diners-club, fa fa-cc-discover, fa fa-cc-jcb, fa fa-cc-mastercard, fa fa-cc-paypal, fa fa-cc-stripe, fa fa-cc-visa, fa fa-cc, fa fa-certificate, fa fa-chain-broken, fa fa-chain, fa fa-check-circle-o, fa fa-check-circle, fa fa-check-square-o, fa fa-check-square, fa fa-check, fa fa-chevron-circle-down, fa fa-chevron-circle-left, fa fa-chevron-circle-right, fa fa-chevron-circle-up, fa fa-chevron-down, fa fa-chevron-left, fa fa-chevron-right, fa fa-chevron-up, fa fa-child, fa fa-chrome, fa fa-circle-o-notch, fa fa-circle-o, fa fa-circle-thin, fa fa-circle, fa fa-clipboard, fa fa-clock-o, fa fa-clone, fa fa-cloud-download, fa fa-cloud-upload, fa fa-cloud, fa fa-cny, fa fa-code-fork, fa fa-code, fa fa-codepen, fa fa-codiepie, fa fa-coffee, fa fa-cog, fa fa-cogs, fa fa-columns, fa fa-comment-o, fa fa-comment, fa fa-commenting-o, fa fa-commenting, fa fa-comments-o, fa fa-comments, fa fa-compass, fa fa-compress, fa fa-connectdevelop, fa fa-contao, fa fa-copy, fa fa-copyright, fa fa-creative-commons, fa fa-credit-card-alt, fa fa-credit-card, fa fa-crop, fa fa-crosshairs, fa fa-css3, fa fa-cube, fa fa-cubes, fa fa-cut, fa fa-cutlery, fa fa-dashboard, fa fa-dashcube, fa fa-database, fa fa-deaf, fa fa-deafness, fa fa-dedent, fa fa-delicious, fa fa-desktop, fa fa-deviantart, fa fa-diamond, fa fa-digg, fa fa-dollar, fa fa-dot-circle-o, fa fa-download, fa fa-dribbble, fa fa-dropbox, fa fa-drupal, fa fa-edge, fa fa-edit, fa fa-eject, fa fa-ellipsis-h, fa fa-ellipsis-v, fa fa-empire, fa fa-envelope-o, fa fa-envelope-square, fa fa-envelope, fa fa-envira, fa fa-eraser, fa fa-eur, fa fa-euro, fa fa-exchange, fa fa-exclamation-circle, fa fa-exclamation-triangle, fa fa-exclamation, fa fa-expand, fa fa-expeditedssl, fa fa-external-link-square, fa fa-external-link, fa fa-eye-slash, fa fa-eye, fa fa-eyedropper, fa fa-facebook-official, fa fa-facebook-square, fa fa-facebook, fa fa-fast-backward, fa fa-fast-forward, fa fa-fax, fa fa-female, fa fa-fighter-jet, fa fa-file-archive-o, fa fa-file-audio-o, fa fa-file-code-o, fa fa-file-excel-o, fa fa-file-image-o, fa fa-file-movie-o, fa fa-file-o, fa fa-file-pdf-o, fa fa-file-photo-o, fa fa-file-picture-o, fa fa-file-powerpoint-o, fa fa-file-sound-o, fa fa-file-text-o, fa fa-file-text, fa fa-file-video-o, fa fa-file-word-o, fa fa-file-zip-o, fa fa-file, fa fa-files-o, fa fa-film, fa fa-filter, fa fa-fire-extinguisher, fa fa-fire, fa fa-firefox, fa fa-first-order, fa fa-flag-checkered, fa fa-flag-o, fa fa-flag, fa fa-flash, fa fa-flask, fa fa-flickr, fa fa-floppy-o, fa fa-folder-o, fa fa-folder-open-o, fa fa-folder-open, fa fa-folder, fa fa-font, fa fa-fonticons, fa fa-fort-awesome, fa fa-forumbee, fa fa-forward, fa fa-foursquare, fa fa-frown-o, fa fa-futbol-o, fa fa-gamepad, fa fa-gavel, fa fa-gbp, fa fa-ge, fa fa-gear, fa fa-gears, fa fa-genderless, fa fa-get-pocket, fa fa-gg-circle, fa fa-gg, fa fa-gift, fa fa-git-square, fa fa-git, fa fa-github-alt, fa fa-github-square, fa fa-github, fa fa-gitlab, fa fa-gittip, fa fa-glass, fa fa-glide-g, fa fa-glide, fa fa-globe, fa fa-google-plus-square, fa fa-google-plus, fa fa-google-wallet, fa fa-google, fa fa-graduation-cap, fa fa-group, fa fa-h-square, fa fa-hacker-news, fa fa-hand-grab-o, fa fa-hand-lizard-o, fa fa-hand-o-down, fa fa-hand-o-left, fa fa-hand-o-right, fa fa-hand-o-up, fa fa-hand-paper-o, fa fa-hand-peace-o, fa fa-hand-pointer-o, fa fa-hand-rock-o, fa fa-hand-scissors-o, fa fa-hand-spock-o, fa fa-hand-stop-o, fa fa-hard-of-hearing, fa fa-hashtag, fa fa-hdd-o, fa fa-header, fa fa-headphones, fa fa-heart-o, fa fa-heart, fa fa-heartbeat, fa fa-history, fa fa-home, fa fa-hospital-o, fa fa-hotel, fa fa-hourglass-1, fa fa-hourglass-2, fa fa-hourglass-3, fa fa-hourglass-end, fa fa-hourglass-half, fa fa-hourglass-o, fa fa-hourglass-start, fa fa-hourglass, fa fa-houzz, fa fa-html5, fa fa-i-cursor, fa fa-ils, fa fa-image, fa fa-inbox, fa fa-indent, fa fa-industry, fa fa-info-circle, fa fa-info, fa fa-inr, fa fa-instagram, fa fa-institution, fa fa-internet-explorer, fa fa-ioxhost, fa fa-italic, fa fa-joomla, fa fa-jpy, fa fa-jsfiddle, fa fa-key, fa fa-keyboard-o, fa fa-krw, fa fa-language, fa fa-laptop, fa fa-lastfm-square, fa fa-lastfm, fa fa-leaf, fa fa-leanpub, fa fa-legal, fa fa-lemon-o, fa fa-level-down, fa fa-level-up, fa fa-life-bouy, fa fa-life-ring, fa fa-life-saver, fa fa-lightbulb-o, fa fa-line-chart, fa fa-link, fa fa-linkedin-square, fa fa-linkedin, fa fa-linux, fa fa-list-alt, fa fa-list-ol, fa fa-list-ul, fa fa-list, fa fa-location-arrow, fa fa-lock, fa fa-long-arrow-down, fa fa-long-arrow-left, fa fa-long-arrow-right, fa fa-long-arrow-up, fa fa-low-vision, fa fa-magic, fa fa-magnet, fa fa-mail-forward, fa fa-mail-reply-all, fa fa-mail-reply, fa fa-male, fa fa-map-marker, fa fa-map-o, fa fa-map-pin, fa fa-map-signs, fa fa-map, fa fa-mars-double, fa fa-mars-stroke-h, fa fa-mars-stroke-v, fa fa-mars-stroke, fa fa-mars, fa fa-maxcdn, fa fa-meanpath, fa fa-medium, fa fa-medkit, fa fa-meh-o, fa fa-mercury, fa fa-microphone-slash, fa fa-microphone, fa fa-minus-circle, fa fa-minus-square-o, fa fa-minus-square, fa fa-minus, fa fa-mixcloud, fa fa-mobile-phone, fa fa-mobile, fa fa-modx, fa fa-money, fa fa-moon-o, fa fa-mortar-board, fa fa-motorcycle, fa fa-mouse-pointer, fa fa-music, fa fa-navicon, fa fa-neuter, fa fa-newspaper-o, fa fa-object-group, fa fa-object-ungroup, fa fa-odnoklassniki-square, fa fa-odnoklassniki, fa fa-opencart, fa fa-openid, fa fa-opera, fa fa-optin-monster, fa fa-outdent, fa fa-pagelines, fa fa-paint-brush, fa fa-paper-plane-o, fa fa-paper-plane, fa fa-paperclip, fa fa-paragraph, fa fa-paste, fa fa-pause-circle-o, fa fa-pause-circle, fa fa-pause, fa fa-paw, fa fa-paypal, fa fa-pencil-square-o, fa fa-pencil-square, fa fa-pencil, fa fa-percent, fa fa-phone-square, fa fa-phone, fa fa-photo, fa fa-picture-o, fa fa-pie-chart, fa fa-pied-piper-alt, fa fa-pied-piper-square, fa fa-pied-piper, fa fa-pinterest-p, fa fa-pinterest-square, fa fa-pinterest, fa fa-plane, fa fa-play-circle-o, fa fa-play-circle, fa fa-play, fa fa-plug, fa fa-plus-circle, fa fa-plus-square-o, fa fa-plus-square, fa fa-plus, fa fa-power-off, fa fa-print, fa fa-product-hunt, fa fa-puzzle-piece, fa fa-qq, fa fa-qrcode, fa fa-question-circle-o, fa fa-question-circle, fa fa-question, fa fa-quote-left, fa fa-quote-right, fa fa-ra, fa fa-random, fa fa-rebel, fa fa-recycle, fa fa-reddit-alien, fa fa-reddit-square, fa fa-reddit, fa fa-refresh, fa fa-registered, fa fa-renren, fa fa-reorder, fa fa-repeat, fa fa-reply-all, fa fa-reply, fa fa-retweet, fa fa-rmb, fa fa-road, fa fa-rocket, fa fa-rotate-left, fa fa-rotate-right, fa fa-rouble, fa fa-rss-square, fa fa-rss, fa fa-rub, fa fa-ruble, fa fa-rupee, fa fa-safari, fa fa-save, fa fa-scissors, fa fa-scribd, fa fa-search-minus, fa fa-search-plus, fa fa-search, fa fa-sellsy, fa fa-send-o, fa fa-send, fa fa-server, fa fa-share-alt-square, fa fa-share-alt, fa fa-share-square-o, fa fa-share-square, fa fa-share, fa fa-shekel, fa fa-sheqel, fa fa-shield, fa fa-ship, fa fa-shirtsinbulk, fa fa-shopping-bag, fa fa-shopping-basket, fa fa-shopping-cart, fa fa-sign-in, fa fa-sign-language, fa fa-sign-out, fa fa-signal, fa fa-signing, fa fa-simplybuilt, fa fa-sitemap, fa fa-skyatlas, fa fa-skype, fa fa-slack, fa fa-sliders, fa fa-slideshare, fa fa-smile-o, fa fa-snapchat-ghost, fa fa-snapchat-square, fa fa-snapchat, fa fa-soccer-ball-o, fa fa-sort-alpha-asc, fa fa-sort-alpha-desc, fa fa-sort-amount-asc, fa fa-sort-amount-desc, fa fa-sort-asc, fa fa-sort-desc, fa fa-sort-down, fa fa-sort-numeric-asc, fa fa-sort-numeric-desc, fa fa-sort-up, fa fa-sort, fa fa-soundcloud, fa fa-space-shuttle, fa fa-spinner, fa fa-spoon, fa fa-spotify, fa fa-square-o, fa fa-square, fa fa-stack-exchange, fa fa-stack-overflow, fa fa-star-half-empty, fa fa-star-half-full, fa fa-star-half-o, fa fa-star-half, fa fa-star-o, fa fa-star, fa fa-steam-square, fa fa-steam, fa fa-step-backward, fa fa-step-forward, fa fa-stethoscope, fa fa-sticky-note-o, fa fa-sticky-note, fa fa-stop-circle-o, fa fa-stop-circle, fa fa-stop, fa fa-street-view, fa fa-strikethrough, fa fa-stumbleupon-circle, fa fa-stumbleupon, fa fa-subscript, fa fa-subway, fa fa-suitcase, fa fa-sun-o, fa fa-superscript, fa fa-support, fa fa-table, fa fa-tablet, fa fa-tachometer, fa fa-tag, fa fa-tags, fa fa-tasks, fa fa-taxi, fa fa-television, fa fa-tencent-weibo, fa fa-terminal, fa fa-text-height, fa fa-text-width, fa fa-th-large, fa fa-th-list, fa fa-th, fa fa-themeisle, fa fa-thumb-tack, fa fa-thumbs-down, fa fa-thumbs-o-down, fa fa-thumbs-o-up, fa fa-thumbs-up, fa fa-ticket, fa fa-times-circle-o, fa fa-times-circle, fa fa-times, fa fa-tint, fa fa-toggle-down, fa fa-toggle-left, fa fa-toggle-off, fa fa-toggle-on, fa fa-toggle-right, fa fa-toggle-up, fa fa-trademark, fa fa-train, fa fa-transgender-alt, fa fa-transgender, fa fa-trash-o, fa fa-trash, fa fa-tree, fa fa-trello, fa fa-tripadvisor, fa fa-trophy, fa fa-truck, fa fa-try, fa fa-tty, fa fa-tumblr-square, fa fa-tumblr, fa fa-turkish-lira, fa fa-tv, fa fa-twitch, fa fa-twitter-square, fa fa-twitter, fa fa-umbrella, fa fa-underline, fa fa-undo, fa fa-universal-access, fa fa-university, fa fa-unlink, fa fa-unlock-alt, fa fa-unlock, fa fa-unsorted, fa fa-upload, fa fa-usb, fa fa-usd, fa fa-user-md, fa fa-user-plus, fa fa-user-secret, fa fa-user-times, fa fa-user, fa fa-users, fa fa-venus-double, fa fa-venus-mars, fa fa-venus, fa fa-viacoin, fa fa-viadeo-square, fa fa-viadeo, fa fa-video-camera, fa fa-vimeo-square, fa fa-vimeo, fa fa-vine, fa fa-vk, fa fa-volume-control-phone, fa fa-volume-down, fa fa-volume-off, fa fa-volume-up, fa fa-warning, fa fa-wechat, fa fa-weibo, fa fa-weixin, fa fa-whatsapp, fa fa-wheelchair-alt, fa fa-wheelchair, fa fa-wifi, fa fa-wikipedia-w, fa fa-windows, fa fa-won, fa fa-wordpress, fa fa-wpbeginner, fa fa-wpforms, fa fa-wrench, fa fa-xing-square, fa fa-xing, fa fa-y-combinator, fa fa-yahoo, fa fa-yc, fa fa-yelp, fa fa-yen, fa fa-yoast, fa fa-youtube-play, fa fa-youtube-square, fa fa-youtube, icon-air-play, icon-align-center, icon-align-justify, icon-align-left, icon-align-right, icon-alt, icon-anchor, icon-archive, icon-arrow-down, icon-arrow-left, icon-arrow-right, icon-arrow-up, icon-bag, icon-ban, icon-bar-graph-2, icon-bar-graph, icon-battery, icon-bell, icon-book, icon-box, icon-briefcase, icon-camera, icon-check, icon-circle-check, icon-circle-cross, icon-circle-minus, icon-circle-plus, icon-clipboard, icon-clock, icon-cloud-download, icon-cloud-upload, icon-cloud, icon-cog, icon-columns, icon-command, icon-content-left, icon-content-right, icon-contract, icon-cross, icon-delete, icon-disc, icon-download, icon-drop, icon-ellipsis, icon-esc, icon-expand, icon-eye, icon-fast-forward, icon-file-add, icon-file-subtract, icon-file, icon-flag, icon-folder, icon-globe, icon-grid-2, icon-grid, icon-head, icon-heart, icon-help, icon-image, icon-inbox, icon-layers, icon-layout, icon-link, icon-loader, icon-location-2, icon-location, icon-lock, icon-mail, icon-map, icon-marquee-minus, icon-marquee-plus, icon-marquee, icon-maximize, icon-menu, icon-microphone, icon-minimize, icon-minus, icon-monitor, icon-moon, icon-move, icon-mute, icon-open, icon-outbox, icon-paper-clip, icon-paper-stack, icon-paper, icon-paragraph, icon-pause, icon-pie-graph, icon-play, icon-plus, icon-power, icon-printer, icon-record, icon-reload, icon-repeat, icon-reply, icon-rewind, icon-ribbon, icon-search, icon-server, icon-share, icon-shuffle, icon-signal, icon-skip-back, icon-skip-forward, icon-speech-bubble, icon-square-check, icon-square-cross, icon-square-minus, icon-square-plus, icon-stack-2, icon-stack, icon-star, icon-stop, icon-sun, icon-tag, icon-target, icon-thermometer, icon-toggle, icon-trash, icon-umbrella, icon-unlock, icon-upload, icon-video, icon-volume, icon-watch, icon-zoom-in, icon-zoom-out
|
|
icon_color | Set the colour of the icon | |
title | Choose a title for your featured item. | |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
Creates an audio player.
[audio src="" loop="" autoplay="" preload="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
src | Add a link to your audio file (mp3, m4a, ogg, wav, wma). | |
loop |
Allows for looping of media.
options : on,
|
|
autoplay |
Causes the media to automatically play as soon as the media file is ready.
options : on,
|
|
preload |
Specifies if and how the audio should be loaded when the page loads.
options : , auto, metadata
|
|
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Displays a single product
[product id=""]
Name | Description | Default |
---|---|---|
id | Choose a product to display. |
Displays a single product page
[product_page id=""]
Name | Description | Default |
---|---|---|
id | Choose a product to display. |
Displays a product category
[product_category category="" per_page="" columns="" orderby="none" order="ASC"]
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 |
Displays product categories
[product_categories ids="" number="" columns="" orderby="none" order="ASC" hide_empty="0" parent="0"]
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 |
Displays sale products
[sale_products per_page="" columns="" orderby="none" order="ASC"]
Name | Description | Default |
---|---|---|
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 |
Displays your best selling products
[best_selling_products per_page="" columns=""]
Name | Description | Default |
---|---|---|
per_page | Set the number of products to display. | |
columns | Set the number of columns to display. |
Displays your top rated products
[top_rated_products per_page="" columns="" orderby="none" order="ASC"]
Name | Description | Default |
---|---|---|
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 |
Displays a section about a selected blog post.
[post_featured featured="" cat="" title_tag="h3" text_align="left" item_caption_vertical="bottom" item_hover_filter="none" hover_effect="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
featured | Select the blog post that will be displayed | |
cat | Display a category | |
title_tag |
Size of heading to use for post titles.
options : h1, h2, h3, h4, h5, h6
|
h3 |
text_align |
Sets the text alignment of the blockquote and citation of the testimonial
options : left, center, right, justify
|
left |
item_caption_vertical |
Vertical alignment of the caption title and category.
options : middle, top, bottom
|
bottom |
item_hover_filter |
Effects filter to apply to the post on hover.
options : none, sepia, grayscale, blur
|
none |
hover_effect |
Select an effect to add when you hover over the post.
options : , image-effect-zoom-in, image-effect-zoom-out, image-effect-scroll-left, image-effect-scroll-right
|
|
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Adds a site menu to the page.
[menu menu_slug="" header_style="logo-left-menu-right" header_sticky="navbar-sticky" header_capitalization="text-none" container_class="container"]
Name | Description | Default |
---|---|---|
menu_slug |
Select a wordpress menu to use.
options : blank
|
|
header_style |
Choose a layout for your headers menu & logo
options : logo-left-menu-right, logo-right-menu-left, logo-right-menu-below, logo-left-menu-below, logo-center-menu-below
|
logo-left-menu-right |
header_sticky |
Make the navigation stick to the top of the page.
options : navbar-sticky, navbar-not-sticky
|
navbar-sticky |
header_capitalization |
Sets the case of the text inside your header.
options : text-caps, text-lowercase, text-none
|
text-none |
container_class |
Choose between normal or fullwidth menu
options : container, container-fullwidth
|
container |
Displays a slideshow of recent posts.
[posts_slideshow count="3" cat="" offset="0" speed="7000" animation_type="slide" show_controls="show" directionnav="hide" title_tag="h3" text_align="left" item_caption_vertical="bottom" item_hover_filter="none" hover_effect="" margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
count | Total Number of posts to display. | 3 |
cat | Choose posts from a specific category | |
offset | Number of posts to displace or pass over. | 0 |
speed | Set the speed of the slideshow cycling, in milliseconds | 7000 |
animation_type |
Sets the type of animation that occurs between posts.
options : slide, fade
|
slide |
show_controls |
Toggles the slideshow bullet nav controls at the bottom.
options : show, hide
|
show |
directionnav |
options : show, hide
|
hide |
title_tag |
Size of heading to use for post titles.
options : h1, h2, h3, h4, h5, h6
|
h3 |
text_align |
Sets the text alignment of the post text & title.
options : left, center, right, justify
|
left |
item_caption_vertical |
Vertical alignment of the caption title and category.
options : middle, top, bottom
|
bottom |
item_hover_filter |
Effects filter to apply to the post on hover.
options : none, sepia, grayscale, blur
|
none |
hover_effect |
Select an effect to add when you hover over the post.
options : , image-effect-zoom-in, image-effect-zoom-out, image-effect-scroll-left, image-effect-scroll-right
|
|
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |
Click on the Add Media button to add a gallery
[vc_gallery margin_top="20" margin_bottom="20" scroll_animation="none" scroll_animation_delay="0" hidden_on_large="off" hidden_on_medium="off" hidden_on_small="off" hidden_on_xsmall="off" extra_classes=""]
Name | Description | Default |
---|---|---|
content |
Click on Add Media->Create Gallery to add a gallery |
|
margin_top | Amount of space to add above this element. | 20 |
margin_bottom | Amount of space to add below this element. | 20 |
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 |
hidden_on_large |
Hides the element on large devices.
options : off, on
|
off |
hidden_on_medium |
Hides the element on medium devices.
options : off, on
|
off |
hidden_on_small |
Hides the element on small devices.
options : off, on
|
off |
hidden_on_xsmall |
Hides the element on extra small devices.
options : off, on
|
off |
extra_classes | Add any extra classes you need to add to this element. ( space separated ) |