Avada Shortcode List

Below is a complete list of all the amazing Avada shortcodes included in the theme, as well as the different customization options for each one. To find what your looking for easily, we’ve arranged the shortcode list below to follow the same list you see in the visual editor, under the Shortcode Generator.

IMPORTANT NOTE – The values for shortcodes need to go in-between the quotations. Ex: ‘green’ value into ‘color’ parameter would look like this: color=”green”
Alert Messages Blog Buttons Checklist Code Block Columns Content Boxes
Counter Boxes Counter Circles Dropcap Flip Boxes Font Awesome Icons Full Width Container Fusion Slider
Google Maps Highlight Image Carousel Image Frames Layer Slider Menu Anchor Modal
Modal Text Link One Page Text Link Person Popover Post Slider Pricing Tables Progress Bars
Recent Posts Recent Works Revolution Slider Section Separator Separator Sharing Box Slider
Social Links SoundCloud Table Tabs Tagline Box Testimonial Text Block
Title Toggles Tooltip Vimeo Woo Default Shortcodes Woo Featured Slider Woo Product Carousel
Youtube

Alert Message ShortcodeBack To Top

  • type – Can be one of these values: general, error, success, notice, or custom. Sets the type of alert message. Only the Custom type can use the custom settings.
  • accent_colorCustom setting only. Accepts a hexcode ( #000000 ). Sets the border, text and icon color.
  • background_colorCustom setting only. Accept a hexcode ( #000000 ). Sets the background color.
  • border_sizeCustom setting only. Accepts a pixel value. For example, 1px. Sets border width.
  • icon – A font awesome icon value. For example, fa-glass.
  • box_shadow – Can be one of these values: yes, or no. This will show or hide a box shadow below the alert box.
  • animation_type – Can be one of these values: none, bounce, fade, flash, rubberBand, shake, slide, or zoom. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, up, or static. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Blog ShortcodeBack To Top

  • number_posts – Can be one of these values: all, default, or 1 – 25. Sets how many posts are displayed.
  • offset – Accepts a numerical value to show how many posts to skip. For example, 1.
  • cat_slug – The slug name of the category from which you want the posts to be displayed. Use a comma for multiple categories.
  • exclude_cats – The slug name of the category you want to exclude. Use a comma for multiple categories.
  • title – Can be one of these values: yes, or no. This will show or hide the title.
  • title_link – Can be one of these values: yes, or no. This will link the title to the single post page.
  • thumbnail – Can be one of these values: yes, or no. This will show or hide the image thumbnail.
  • excerpt – Can be one of these values: yes, or no. This will show or hide the excerpt.
  • excerpt_length – Accepts a numerical value to show how many characters or words your excerpt will be. For example, 15.
  • strip_HTML – Can be one of these values: yes, or no. This will show or hide HTML in the excerpts.
  • meta_all – Can be one of these values: yes, or no. This will show or hide all meta info.
  • meta_author – Can be one of these values: yes, or no. This will show or hide the meta author.
  • meta_categories – Can be one of these values: yes, or no. This will show or hide the meta categories.
  • meta_comments – Can be one of these values: yes, or no. This will show or hide the meta comments.
  • meta_date – Can be one of these values: yes, or no. This will show or hide the meta date.
  • meta_link – Can be one of these values: yes, or no. This will show or hide the meta link.
  • meta_tags – Can be one of these values: yes, or no. This will show or hide the tags.
  • paging – Can be one of these values: yes, or no. This will show or hide pagination.
  • scrolling – Can be one of these values: pagination, infinite, or load_more_button. Sets the type of pagination.
  • blog_grid_columns – Can be one of these values: 2, 3, 4, 5, or 6. Controls the column width of blog grid layout.
  • blog_grid_columns_spacing – Accepts a numerical value to set the amount of spacing between blog grid posts. For example, 30.
  • layout – Can be one of these values: large, medium, large alternate, medium alternate, grid, or timeline. Sets the layout.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Button ShortcodeBack To Top

  • link – The link you want the button to direct to, including http://. For example, http://www.example.com/.
  • color – Can be one of these values: default, custom, green, darkgreen, orange, blue, red, pink, darkgray, or lightgray. Sets the button’s color. Only the Custom type can use the custom settings.
  • size – Can be one of these values: default, small, medium, large, or xlarge. This sets the button’s size. Choose Default for Theme Option selection. Sets the button’s size.
  • type – Can be one of these values: default, flat, or 3d. Sets the button’s type. Choose default for Theme Option selection.
  • shape – Can be one of these values: default, square, pill, or round. Sets the button’s shape. Choose default for Theme Option selection.
  • target – Can be one of these values: _blank for new window, or _self for same window.
  • title – Set a title attribute for the link the button directs to. For example, Home.
  • gradient_colorsCustom setting only. Accepts a hexcode ( #000000 ) or RGBA ( rgba(0,0,0,0) ). Sets the top and bottom colors of the background gradient.
  • gradient_hover_colorsCustom setting only. Accepts a hexcode ( #000000 ) or RGBA ( rgba(0,0,0,0) ). Sets the top and bottom hover colors of the background gradient.
  • accent_colorCustom setting only. Accepts a hexcode ( #000000 ) or RGBA ( rgba(0,0,0,0) ). Sets the color of the button border, divider, text and icon.
  • acccent_hover_colorCustom setting only. Accepts a hexcode ( #000000 ) or RGBA ( rgba(0,0,0,0) ). Sets the hover color of the button border, divider, text and icon.
  • bevel_colorCustom setting only. Accepts a hexcode ( #000000 ). Sets the bevel color of 3D buttons.
  • border_widthCustom setting only. Accepts pixel values, for example, 1px.
  • shadow – Can be one of these values: default, yes, or no. This will enable or disable shadows. Choose default for Theme Option selection.
  • icon – A font awesome icon value. For example, fa-glass.
  • icon_divider – Can be one of these values: yes, or no. This will show or hide a divider between icon and text.
  • icon_position – Can be one of these values: left, or right. Sets the position of the icon on the button.
  • modal – The unique name of the Modal Shortcode you already created that allows the button to trigger the modal.
  • animation_type – Can be one of these values: none, bounce, fade, flash, rubberBand, shake, slide, or zoom. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, up, or static. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
  • alignment – Can be one of these values: left, center, or right. Sets the button’s alignment.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Checklist ShortcodeBack To Top

  • icon – A font awesome icon value. For example, fa-glass.
  • iconcolor – Accepts a hexcode ( #000000 ). Sets the icon’s color for all list items. Leave blank for Theme Option selection.
  • circle – Can be one of these values: default, yes, or no. Sets if the icon is circular or not. Choose default for Theme Option selection.
  • circlecolor – Accepts a hexcode ( #000000 ). Sets the icon’s background color for all list items. Leave blank for Theme Option selection.
  • size – Accepts a pixel value that sets the item’s size. For example, 5px.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Code Block ShortcodeBack To Top

IMPORTANT NOTE – Insert the custom code where it says Click Edit Button To Change This Code.

Column ShortcodeBack To Top

  • last – Can be one of these values: yes, or no.  Set if the column is last in a set.
  • spacing – Can be one of these values: yes, or no. This will enable or disable the margin between columns.
  • center_content – Can be one of these values: yes, or no. This will enable or disable center alignment for content within the column.
  • hide_on_mobile – Can be one of these values: yes, or no. Shows or hides the column on mobile phone devices.
  • background_color – Accepts a hexcode ( #000000 ). Sets the infobox’s background color. Leave Blank for Theme Option selection.
  • background_image – The URL path of your background image, starting with http:// and usually ending on .jpg, .png or .gif.
  • background_repeat – Can be one of these values: no-repeat, repeat, repeat-y, or repeat-x. Sets how the background repeats.
  • background_position – Accepts a pixel value, percentage or position, such as; left top, left center, left bottom, right top, right center, right bottom, center top, center center, or center bottom.
  • border_size – Accepts a pixel value that sets the border’s size. For example, 5px.
  • border_color – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave Blank for Theme Option selection.
  • border_style – Can be one of these values: solid, dashed, or dotted. Sets the border’s style.
  • padding – Accepts a pixel value that sets the padding. For example, 5px.
  • margin_top – Accepts a pixel value that sets the top margin. For example, 5px.
  • margin_bottom – Accepts a pixel value that sets the bottom margin. For example, 5px.
  • animation_type – Can be one of these values: none, bounce, fade, flash, rubberBand, shake, slide, or zoom. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, up, or static. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.
IMPORTANT NOTE – The last parameter must always be set. If you’re using [one_half] [one_half], the first shortcode must be set to no, and the second shortcode must be set to yes. Add your custom content where it says Your Content Here. To create four columns, use four sets of [one_fourth] shortcodes. Alternatively, you can also create uneven divisions by using  [two_third] + [one_third] and so forth.

Content Box ShortcodeBack To Top

  • settings_lvl – Can be one of these values: child, which controls each box style individually or parent, which control all box styles together. View complete documentation here.
  • layout – Can be one of these values: icon-with-title, icon-on-top, icon-on-side, icon-boxed, clean-vertical, clean-horizontal, timeline-vertical, or timeline-horizontal. Sets the layout of the box.
  • columns – Can be one of these values: 1, 2, 3, 4, 5, or 6. Sets the number of columns per row.
  • icon_align – Can be one of these options: left, or right. Sets the content’s alignment. This parameter is for icon-with-title and icon-on-side layouts only.
  • title_size – Accepts a pixel value that controls the size of the title. For example, 5px. Leave blank for Theme Option selection.
  • title_color – Accepts a hexcode ( #000000 ). This controls the color of the title font. Leave blank for Theme Option selection.
  • body_color – Accepts a hexcode ( #000000 ). This controls the color of the body font. Leave blank for Theme Option selection.
  • backgroundcolor – Accepts a hexcode ( #000000 ). This sets the content box’s background color. Leave blank for Theme Option selection.
  • icon_circle – Can be one of these values: default, yes, or no. Sets if the icon is circular or not. Choose default for Theme Option selection.
  • icon_circle_radius – Accepts a pixel value that controls the border radius of the icon background. For example, 1px.
  • iconcolor – Accepts a hexcode ( #000000 ). Sets the icon’s color. Leave blank for Theme Option selection.
  • circlecolor – Accepts a hexcode ( #000000 ). Sets the icon’s background color. Leave blank for Theme Option selection.
  • circlebordercolor – Accepts a hexcode ( #000000 ). Sets the icon’s background inner border color for all list items. Leave blank for Theme Option selection.
  • circlebordersize – Accepts a pixel value that controls the inner border size of the icon background. For example, 1px.
  • outercirclebordercolor – Accepts a hexcode ( #000000 ). Sets the icon’s background outer border color for all list items. Leave blank for Theme Option selection.
  • outercirclebordersize – Accepts a pixel value that controls the outer border size of the icon background. For example, 1px.
  • icon_size – Accepts a pixel value that controls the size of the icon. For example, 5px. Leave blank for Theme Option selection.
  • icon_hover_type – Can be one of these values: default, fade, slide, or pulsate. Sets the animation type for icon on hover.
  • link_type – Can be one of these values: default, text, button-bar, or button. Sets the link type that is displayed in the content box.
  • link_area – Can be one of these values: link-icon, or box. Sets which area the link will be assigned to.
  • linktarget – Can be one of these values: _blank for new window, or _self for same window.
  • animation_delay – Accepts a millisecond value that controls the delay of animation between each element in a set. For example, 1000 is 1 second.
  • animation_type – Can be one of these values: none, bounce, fade, flash, rubberBand, shake, slide, or zoom. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, up, or static. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
  • margin_top – Accepts a pixel value that controls the top margin. For example, 5px.
  • margin_bottom – Accepts a pixel value that controls the bottom margin. For example, 5px.
  • title – Your custom title text.
  • icon – A font awesome icon value. For example, fa-glass.
  • backgroundcolor – Accepts a hexcode ( #000000 ). This should be transparent for all layouts except for the icon-boxed layout. Leave blank for Theme Option selection.
  • iconcolor – Accepts a hexcode ( #000000 ). Sets the icon’s color. Leave blank for Theme Option selection.
  • circlecolor – Accepts a hexcode ( #000000 ). Sets the icon’s background color. Leave blank for Theme Option selection.
  • circlebordercolor – Accepts a hexcode ( #000000 ). Sets the icon’s background inner border color for this particular list item. Leave blank for Theme Option selection.
  • circlebordersize – Accepts a pixel value that controls the inner border size of the icon background. For example, 1px.
  • outercirclebordercolor – Accepts a hexcode ( #000000 ). Sets the icon’s background outer border color for all list items. Leave blank for Theme Option selection.
  • outercirclebordersize – Accepts a pixel value that controls the outer border size of the icon background. For example, 1px.
  • iconrotate – Can be one of these values: 90, 180, 270,or nonw. Sets the angle of the icon’s rotation.
  • iconspin – Can be one of these values: yes, or no. This will enable or disable the icon’s spinning feature.
  • image – The URL path of your custom icon image, starting with http:// and usually ending on .jpg, .png or .gif. Make sure there is no “icon=” value.
  • image_width – This parameter is for custom icon images. Accepts a numerical value to set a custom width in pixels. For example, 35.
  • image_height – This parameter is for custom icon images. Accepts a numerical value to set a custom height in pixels. For example, 35.
  • link – The link you want the Read More text to go to, including http://. For example, http://www.example.com/.
  • linktext – Your custom link text. For example, Learn More.
  • linktarget – Can be one of these values: _blank for new window, or _self for same window.
  • animation_type – Can be one of these values: none, bounce, fade, flash, rubberBand, shake, slide, or zoom. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, up, or static. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Counter Box ShorcodeBack To Top

  • columns – Can be one of these values: 1, 2, 3, 4, 5, or 6. Sets the number of columns per row.
  • color – Accepts a hexcode ( #000000 ). Sets the counter’s value and icon color. Leave blank for Theme Option selection.
  • title_size – Accepts a numerical value that sets the font size of the title text in pixels. For example, 50.
  • icon_size – Accepts a numerical value that sets the font size of the icon in pixels. For example 50.
  • icon_top – Can be one of these values: default, yes, or no. Sets the position of the icon. Select default for Theme Option selection.
  • body_color – Accepts a hexcode ( #000000 ). Sets the body font’s color. Leave blank for Theme Option selection.
  • body_size – Accepts a numerical value that sets the font size of the body text in pixels. For example, 20.
  • border_color – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave blank for Theme Option selection.
  • value – The Counter Value. Accepts a numerical value to set the value to which the counter will animate. For example, 95.
  • delimiter – The Delimiter Digit. Accepts an alphanumeric value or symbol for better readablitity. For example, a comma ( , ), a period (.) or a dash ( – ).
  • unit – Accepts an alphanumeric value or symbols to represent a unit of measurement. For example, % or cm.
  • unit_pos – Can be one of these values: prefix to place before the counter, or suffix to place after the counter.
  • icon – A font awesome icon value. For example, fa-glass.
  • direction – Can be one of these values: up, or down. Sets the counter to count up or to count down.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Counter Circle ShortcodeBack To Top

  • filledcolor – Accepts a hexcode ( #000000 ). Sets the filled area’s color. Leave blank for Theme Option selection.
  • unfilledcolor – Accepts a hexcode ( #000000 ). Sets the unfilled area’s color. Leave blank for Theme Option selection.
  • size – Accepts a numerical value to set the overall diameter of the circle in pixels. For example, 220.
  • scales – Can be one of these values: yes, or no. This will show or hide a scale around the circle.
  • countdown – Can be one of these values: yes, or no. Sets the filling animation to move counter clockwise.
  • speed – Accepts a numerical value to set the time it takes for the animation to complete. For example, 1500.
  • value – The Filled Area Percentage. Accepts a numerical value to set the percentage of filled area. For example, 95.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.
IMPORTANT NOTE – To keep the text inside the circle box short, consider using a percentage, a font awesome icon, a numerical scale value or text title for the description. For example, 75%, or 7/10.

Dropcap ShortcodeBack To Top

  • color – Accepts a hexcode ( #000000 ). Sets the body font’s color. Leave blank for Theme Option selection.
  • boxed – Can be one of these values: yes, or no. Sets a Boxed Dropcap or not.
  • boxed_radius – Accepts a pixel value that sets the box’s radius. For example, 4px.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.
IMPORTANT NOTE – Insert the custom text where it says Insert Dropcap Text Here.

Flip Box ShortcodeBack To Top

  • columns – Can be one of these values: 1, 2, 3, 4, 5, or 6. Sets the number of columns per row.
  • title_front -The custom title text for the front side of the flip box.
  • title_back – The custom title text for the back side of the flip box.
  • text_front – The custom body text for the front side of the flip box.
  • border_color – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave blank for Theme Option selection.
  • border_radius – Accepts a pixel value that sets the border’s radius. For example, 4px. Leave blank for Theme Option selection.
  • border_size – Accepts a pixel value that sets the border’s size. For example, 4px. Leave blank for Theme Option selection.
  • background_color_front – Accepts a hexcode ( #000000 ). Sets the front side’s background color. Leave blank for Theme Option selection.
  • title_front_color – Accepts a hexcode ( #000000 ). Sets the front side’s title color. Leave blank for Theme Option selection.
  • text_front_color – Accepts a hexcode ( #000000 ). Sets the front side’s body text color. Leave blank for Theme Option selection.
  • background_color_back – Accepts a hexcode ( #000000 ). Sets the back side’s background color. Leave blank for Theme Option selection.
  • title_back_color – Accepts a hexcode ( #000000 ). Sets the back side’s title color. Leave blank for Theme Option selection.
  • text_back_color – Accepts a hexcode ( #000000 ). Sets the back side’s body text color. Leave blank for Theme Option selection.
  • icon – A font awesome icon value. For example, fa-glass.
  • icon_color – Accepts a hexcode ( #000000 ). Sets the icon’s color. Leave blank for Theme Option selection.
  • circle – Can be one of these values: yes, or no. Sets if the icon is circular or not.
  • circle_color – Accepts a hexcode ( #000000 ). Sets the icon’s background color. Leave blank for Theme Option selection.
  • circle_border_color – Accepts a hexcode ( #000000 ). Sets the icon’s border color. Leave blank for Theme Option selection.
  • icon_flip – Can be one of these values: none, horizontal, or vertical. Sets the direction where the icon will flip.
  • icon_rotate – Can be one of these values: none, 90, 180, or 270. Sets the angle of the icon’s rotation.
  • icon_spin – Can be one of these values: yes, or no. This will enable or disable the icon’s spinning feature.
  • image – The URL path of your custom icon image, starting with http:// and usually ending on .jpg, .png or .gif. Make sure there is no “icon=” value.
  • image_width – This parameter is for custom icon images. Accepts a numerical value to set a custom width in pixels. For example, 35.
  • image_height – This parameter is for custom icon images. Accepts a numerical value to set a custom height in pixels. For example, 35.
  • animation_type – Can be one of these values: none, bounce, fade, flash, rubberBand, shake, slide, or zoom. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, up, or static. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest. This is only for the icon inside the box.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Font Awesome Icon ShortcodeBack To Top

  • icon – A font awesome icon value. For example, fa-glass.
  • circle – Can be one of these values: yes, or no. Sets if the icon is circular or not.
  • size – Accepts a pixel value that sets the icon size. For example, 18px.
  • iconcolor – Accepts a hexcode ( #000000 ). Sets the icon’s color. Leave blank for Theme Option selection.
  • circlecolor – Accepts a hexcode ( #000000 ). Sets the icon’s background color. Leave blank for Theme Option selection.
  • circlebordercolor – Accepts a hexcode ( #000000 ). Sets the icon’s border color. Leave blank for Theme Option selection.
  • rotate – Can be one of these values: none, 90, 180, or 270. Sets the angle of the icon’s rotation.
  • spin – Can be one of these values: yes, or no. This will enable or disable the icon’s spinning feature.
  • animation_type – Can be one of these values: none, bounce, fade, flash, rubberBand, shake, slide, or zoom. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, up, or static. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
  • alignment – Can be one of these values: left, right, or center. Sets the icon’s alignment.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Full Width Container ShortcodeBack To Top

  • background_color – Accepts a hexcode ( #000000 ). Sets the icon’s background color. Leave blank for Theme Option selection.
  • background_image – The URL path of the background image you’d like to display, starting with http:// and usually ending on .jpg, .png or .gif.
  • background_parallax – Can be one of these values: none, fixed, up, down, left, or right. Sets how the background image scrolls and responds.
  • parallax_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
  • enable_mobile – Can be one of these values: yes, or no. This will enable or disable the parallax effect on mobile devices.
  • background_repeat – Can be one of these values: no-repeat, repeat, repeat-y, or repeat-x. Sets how the background repeats.
  • background_position – Can be one of these values: left top, left center, left bottom, right top, right center, right bottom, center top, center center, or center bottom. Sets the background’s position.
  • video_url – The URL path of a YouTube or Vimeo video.
  • video_aspect_ratio – Accepts a numerical value that represents the video’s aspect ratio. For example, 16:9, 4:3, or 16:10.
  • video_webm – The URL path of your WebM video file. WebM and MP4 format must be included to render your video with cross browser compatibility.
  • video_mp4 – The URL path of your MP4 video file. WebM and MP4 format must be included to render your video with cross browser compatibility.
  • video_ogv – The URL path of your OGV video file. This parameter is optional.
  • video_preview_image – The URL path of the preview image you’d like to display, starting with http:// and usually ending on .jpg, .png or .gif. 
  • overlay_color – Accepts a hexcode ( #000000 ). Sets the video’s overlay color. Leave blank for Theme Option selection.
  • overlay_opacity – Can be a numerical value from 0.1 to 1. Sets the color opacity level. 1 is equivalent to 100%.
  • video_mute – Can be one of these values: yes, or no. This will enable or disable mute.
  • video_loop – Can be one of these values: yes, or no. This will enable or disable video loop.
  • fade – Can be one of these values: yes, or no. Sets the image to fade and blur on scroll. This parameter is for images only.
  • border_size – Accepts a pixel value that sets the border’s size. For example, 5px.
  • border_color – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave blank for Theme Option selection.
  • border_style – Can be one of these values: solid, dashed, or dotted. Sets the border’s style.
  • padding_top – Accepts a numerical value that sets the top padding in pixels. For example, 20.
  • padding_bottom – Accepts a numerical value that sets the bottom padding in pixels. For example, 20.
  • padding_left – Accepts a numerical value that sets the left padding in pixels. For example, 20.
  • padding_right – Accepts a numerical value that sets the right padding in pixels. For example, 20.
  • hundred_percent – Can be one of these values: yes, or no. Sets if the interior content is 100% width or contained to the site width setting. Selecting yes will remove left/right padding.
  • equal_height_columns – Can be one of these values: yes, or no. Sets all the column shortcodes inside the container to be equal in height.
  • hide_on_mobile – Can be one of these values: yes, or no. Shows or hides the full width container on mobile phone devices.
  • menu_anchor – The unique name you give the corresponding menu item. See the One Page section of our documentation here.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.
IMPORTANT NOTE – The Full Width shortcode can be used with any page template and acts as a container that contains your content to the width you’ve set in the Site Width setting located in Theme Options. However, if you’d like a background that spans 100% of the browser window, you must use it with the 100% Width Page template.

Fusion Slider ShortcodeBack To Top

  • name – This is the shortcode name you’ve assigned to a Fusion Slider that can be used in the post content area.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Google Map ShortcodeBack To Top

  • address – Your physical address. To have multiple map markers, separate two addresses with a vertical line. For example, 579 Allen Road Basking Ridge, NJ 07920 | Mount Arlington, NJ 07856.
  • type – Can be one of these values: roadmap, terrain, hybrid, or satellite. Sets the type of Google Map to display.
  • map_style – Can be one of these values: default, theme, or custom. Choose custom to use advanced color options.
  • overlay_colorCustom setting only. Accepts a hexcode ( #000000 ) or RGBA values ( rgba(0,0,0,0) ). Sets the overlaying color for the map. Leave Blank for Theme Option selection.
  • infoboxCustom setting only. Can be one of these values: default, or custom. Choose custom to use advanced options.
  • infobox_background_colorCustom setting only. Accepts a hexcode ( #000000 ). Sets the infobox’s background color. Leave Blank for Theme Option selection.
  • infobox_text_colorCustom setting only. Accepts a hexcode ( #000000 ). Sets the infobox’s text color. Leave Blank for Theme Option selection.
  • infobox_contentCustom setting only. Type in custom info box content to replace address string. For multiple addresses, separate them with a vertical line ( Info1|Info2 ).
  • iconCustom setting only. Type in full image URLs for custom marker icons, or input theme for our custom marker. For multiple icons, separate them with a vertical line ( Icon1|Icon2 ).
  • width – Accepts a pixel or a percentage value. For example 25px, or 50%. Sets the map’s width.
  • height – Accepts a pixel or a percentage value. For example 25px, or 50%. Sets the map’s height.
  • zoom – Accepts a numerical value that represents the map zoom level. The higher the number, the more it will zoom in.
  • scrollwheel – Can be one of these values: yes, or no. This will enable or disable the mouse scrolling.
  • scale – Can be one of these values: yes, or no. This will show or hide the scale graphic.
  • zoom_pancontrol – Can be one of these values: yes, or no. This will show or hide the zoom controls.
  • animation – Can be one of these values: yes, or no. This will enable or disable the animation for address pins.
  • popup – Can be one of these values: yes, or no. This will show or hide the map popup graphic. If set to no, then the popup will show on click.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Highlight ShortcodeBack To Top

  • color – Accepts a hexcode ( #000000 ). Sets the highlight color. Leave Blank for Theme Option selection.
  • rounded – Can be one of these values: yes, or no. This will show or hide rounded corners.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.
IMPORTANT NOTE – Insert the custom text you’d like to highlight where it says Your Content Goes Here.

Image Carousel ShortcodeBack To Top

  • picture_size – Can be one of these values: fixed, or auto. Sets the image’s size to be fixed or not.
  • autoplay – Can be one of these values: yes, or no. This will enable or disable autoplay.
  • columns – Can be one of these values: 1, 2, 3, 4, 5, or 6. Sets the maximum number of columns to display.
  • column_spacing – Accepts a numerical value to set the space between columns in pixels. For example, 35.
  • scroll_items – Accepts a numerical value to set the amount of items to scroll. For example, 35.
  • show_nav – Can be one of these values: yes, or no. This will show or hide the navigation buttons.
  • mouse_scroll – Can be one of these values: yes, or no. This will enable or disable mouse drag control. For easy draggability, when mouse scroll is activated, links will be disabled.
  • border – Can be one of these values: yes, or no. This will enable or disable the border around the images.
  • lightbox – Can be one of these values: yes, or no. Display the image in a lightbox or not.
  • link – The URL path where the image links to. For example, http://www.example.com/. If lightbox parameter is set to yes, the full image URL must be added to display it in a lightbox.
  • linktarget – Can be one of these values: _blank for new window, or _self for same window.
  • image – The URL path of your custom icon image, starting with http:// and usually ending on .jpg, .png or .gif. Allows you to combine them with column shortcodes to specify the size.
  • alt – The custom alternative text that will be displayed if an image cannot be viewed.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Image Frame ShortcodeBack To Top

  • lightbox – Can be one of these values: yes, or no. Display the image in a lightbox or not.
  • lightbox_image – The URL path of the custom image to be displayed, starting with http:// and usually ending on .jpg, .png or .gif.
  • style_type – Can be one of these values: none, border, glow, dropshadow, or bottomshadow. Set the frame’s style.
  • bordercolor – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave Blank for Theme Option selection.
  • bordersize – Accepts a pixel value that sets the border’s size. For example, 5px.
  • borderradius – Accepts a pixel value that sets the radius of the image. For example, 5px.
  • stylecolor – Accepts a hexcode ( #000000 ). Sets the style color for all style types except for the border style. Leave Blank for Theme Option selection.
  • align – Can be one of these values: none, left, right, or center. Sets the image’s alignment.
  • link – The URL path where the image links to. For example, http://www.example.com/.
  • linktarget – Can be one of these values: _self to open in same window, or _blank to open in new window.
  • animation_type – Can be one of these values: none, bounce, fade, flash, rubberBand, shake, slide, or zoom. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, up, or static. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
  • hide_on_mobile – Can be one of these values: yes, or no. Shows or hides the image frame on mobile phone devices.
  • alt – The custom alternative title text that will show up in the lightbox.
  • src – The URL path of image displayed inside the frame.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Layer Slider ShortcodeBack To Top

  • id – Replace this line with the unique slider name of the Revolution Slider you’ve created.
IMPORTANT NOTE – Each Layer Slider you create has it’s own unique ID for this shortcode. Sliders can be assigned via Page, or Post Options.

  • name – The unique name you give the corresponding menu item. See the One Page section of our documentation here.

  • name – The unique identifier you give the modal to trigger it via button, text link or image.
  • title – The heading title text you want to display.
  • size – Can be one of these values: large, or small. Sets the size of the modal.
  • background – Accepts a hexcode ( #000000 ). Sets the modal’s background color. Leave Blank for Theme Option selection.
  • border_color – Accepts a hexcode ( #000000 ). Sets the modal’s border color. Leave Blank for Theme Option selection.
  • show_footer – Can be one of these values: yes, or no. This is to show or hide the footer.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.
IMPORTANT NOTE – In order for the modal to appear, it must be linked to a button, text link or image. To learn more about the modal shortcode, please see our Modal documentation here.

  • name – The unique identifier of the Modal shortcode you’ve created that allows the text link to trigger the modal.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.
IMPORTANT NOTE – Insert the text that triggers the modal between the open/close tags where it says Your Content Goes Here. You can also choose to insert an image instead of text.

  • link – The unique identifier of the anchor to scroll to on click.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Person ShortcodeBack To Top

  • name – The custom name. For example, John Doe.
  • title – The custom title or position. For example, CEO.
  • picture – The URL path of the custom image to be displayed, starting with http:// and usually ending on .jpg, .png or .gif.
  • pic_link – The URL path where the image links to. For example, http://www.example.com/
  • linktarget – Can be one of these values: _self to open in same window, or _blank to open in new window.
  • pic_style – Can be one of these values: none, border, glow, dropshadow, or bottomshadow. Sets the style type for the picture.
  • pic_style_color – Accepts a hexcode ( #000000 ). Sets the style color for all style types except for the border style. Leave Blank for Theme Option selection.
  • pic_bordersize – Accepts a pixel value that sets the border size. For example, 1px. Leave Blank for Theme Option selection.
  • pic_bordercolor – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave blank for Theme Option selection.
  • pic_borderradius – Accepts a pixel value that sets the border’s radius. For example, 1px. Leave Blank for Theme Option selection.
  • social_icon_boxed – Can be one of these values: default, yes, or no. This will enable or disable boxed icons.
  • social_icon_boxed_radius – Accepts a pixel value that sets the boxed icon’s radius. For example, 1px. Leave Blank for Theme Option selection.
  • social_icon_colors – Accepts a hexcode ( #000000 ). Sets the social icon’s colors. Use one color, or individual colors. Separate colors with a vertical line ( #AA0000|#00AA00 ). Leave Blank for Theme Options selection.
  • social_icon_boxed_colors – Accepts a hexcode ( #000000 ). Sets the social icon’s box colors. Use one color, or individual colors. Separate colors with a vertical line ( #AA0000|#00AA00 ). Leave Blank for Theme Options selection.
  • social_icon_tooltip – Can be one of these values: default, left, right, top, or bottom. Sets the Social Icon Tooltip position.
  • email – The custom email address. For example, johndoe@example.com.
  • various social links – The custom URL path to your various social media profiles. For example, http://www.facebook.com/johndoe.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Popover ShortcodeBack To Top

  • title – The custom title text that is displayed in the popup box.
  • title_bg_color – Accepts a hexcode ( #000000 ). Sets the heading’s background color. Leave Blank for Theme Option selection.
  • content – The custom text that is displayed in the popup box.
  • content_bg_color – Accepts a hexcode ( #000000 ). Sets the background color. Leave Blank for Theme Option selection.
  • bordercolor – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave Blank for Theme Option selection.
  • textcolor – Accepts a hexcode ( #000000 ). Sets the text’s color. Leave Blank for Theme Option selection.
  • trigger – Can be one of these values: click, or hover. Sets the mouse action to trigger popover.
  • placement – Can be one of these values: default, top, left, right, or bottom. Sets the popover’s position.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Post Slider ShortcodeBack To Top

  • layout – Can be one of these values: posts, which pulls blog posts, attachments, which pulls images attached to the page, or posts-with-excerpt, which pulls blog posts with excerpts.
  • excerpt – Accepts a numerical value that sets the number of words you want to show in the excerpt. Can only be used with the posts-with-excerpt layout.
  • category – The slug of the category you want to display.
  • limit – Accepts a numerical value that  sets the number of slides you’d like to display.
  • lightbox – Can be one of these values: yes, or no. Can only be used with the attachments layout.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Pricing Table ShortcodeBack To Top

  • type – Can be one of these values: 1, or 2. Sets the style of the pricing table.
  • backgroundcolor – Accepts a hexcode ( #000000 ) or RGBA ( rgba(0,0,0,0) ). Sets the background’s color. Leave Blank for Theme Option selection.
  • bordercolor – Accepts a hexcode ( #000000 ) or RGBA ( rgba(0,0,0,0) ). Sets the border’s color. Leave Blank for Theme Option selection.
  • dividercolor – Accepts a hexcode ( #000000 ) or RGBA ( rgba(0,0,0,0) ). Sets the divider’s color. Leave Blank for Theme Option selection.
  • title – The custom column title text. For example, Standard Pricing.
  • standout – Can be one of these values: yes, or no. Sets the specified column as featured.
  • currency – Accepts symbols to represent a currency.For example, $, or €.
  • currency_position – Can be one of these values: left, or right. Sets the position of the currency symbol.
  • price – Accepts a numerical value that represents a price. For example, 29.99.
  • time – The custom text to represent time or anything else. For example, monthly, yearly, or daily.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Progress Bar ShortcodeBack To Top

  • percentage – The Filled Area Percentage. Accepts a numerical value to set the percentage of filled area. For example, 95.
  • unit – Accepts an alphanumeric value or symbols to represent a unit of measurement. For example, % or cm.
  • filledcolor – Accepts a hexcode ( #000000 ). Sets the filled area’s color. Leave blank for Theme Option selection.
  • filledbordercolor – Accepts a hexcode ( #000000 ). Sets the border color of the filled area. Leave blank for Theme Option selection.
  • filledbordersize – Accepts a pixel value that sets the border size of the filled area. For example, 1px.
  • unfilledcolor – Accepts a hexcode ( #000000 ). Sets the unfilled area’s color. Leave blank for Theme Option selection.
  • striped – Can be one of these values: yes, or no. This will enable or disable striped fill.
  • animated_stripes – Can be one of these values: yes, or no. This will enable or disable the animation of the striped fill.
  • textcolor – Accepts a hexcode ( #000000 ). Sets the text’s color. Leave blank for Theme Option selection.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Recent Posts ShortcodeBack To Top

  • layout – Can be one of these values: thumbnails-on-side, default, or date-on-side. Sets the layout for shortcode.
  • columns – Can be one of these values: 1, 2, 3, 4, 5, or 6. Sets the number of columns to be displayed.
  • number_posts – Accepts a numerical value to show how many posts are displayed. For example, 7.
  • offset – Accepts a numerical value to show how many posts to skip. For example, 1.
  • cat_slug – The slug name of the category from which you want the posts to be displayed. Use a comma for multiple categories.
  • exclude_cats – The slug name of the category you want to exclude. Use a comma for multiple categories.
  • thumbnail – Can be one of these values: yes, or no. This will show or hide the image thumbnail.
  • title – Can be one of these values: yes, or no. This will show or hide the title.
  • meta – Can be one of these values: yes, or no. This will show or hide the meta data.
  • excerpt – Can one of these values: yes, or no. This will show or hide the excerpt.
  • excerpt_length – Accepts a numerical value to show how many characters or words your excerpt will be. For example, 15.
  • strip_html – Can be one of these values: yes, or no. This will show or hide HTML content in the excerpt.
  • animation_type – Can be one of these values: none, bounce, fade, flash, rubberBand, shake, slide, or zoom. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, up, or static. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Recent Works ShortcodeBack To Top

  • layout – Can be one of these values: grid, grid-with-excerpts, or carousel. Sets the layout of the shortcode.
  • picture_size – Can be one of these values: fixed, or auto. Sets picture size to fixed or not.
  • boxed_textCustom setting for grid-with-excerpts layout. Can be one of these values: boxed, or unboxed. This will enable or disable a boxed layout.
  • filters – Can be one of these values: yes, yes-without-all,or no. This will show or hide the filters.
  • columns – Can be one of these values: 1, 2, 3, 4, 5, or 6. Sets the number of columns to be displayed. Only works with grid, or grid-with-excerpts layouts.
  • column_spacing – Accepts a numerical value to set column spacing. For example, 7. Only works with grid, or grid-with-excerpts layouts.
  • cat_slug – The slug name of the category from which you want the posts to be displayed. Use a comma for multiple categories.
  • exclude_cats – The slug name of the category you want to exclude. Use a comma for multiple categories.
  • number_posts – Accepts a numerical value to show how many posts are displayed. For example, 7.
  • offset – Accepts a numerical value to show how many posts to skip. For example, 1.
  • excerpt_length – Accepts a numerical value to show how many characters or words your excerpt will be. For example, 15.
  • strip_html – Can be one of these values: yes, or no. This will show or hide HTML content in the excerpt.
  • carousel_layout – Can be one of these values: title_on_rollover, or title_below_image. This parameter is for carousel layouts only.
  • scroll_items – Accepts a numerical value to set the amount of items to scroll. For example, 35.
  • autoplay – Can be one of these values: yes, or no. This will enable or disable autoplay.
  • show_nav – Can be one of these values: yes, or no. This will show or hide the navigation buttons.
  • mouse_scroll – Can be one of these values: yes, or no. This will enable or disable mouse drag control.
  • animation_type – Can be one of these values: none, bounce, fade, flash, rubberBand, shake, slide, or zoom. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, up, or static. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Revolution Slider ShortcodeBack To Top

  • Slider_Name – Replace this line with the unique slider name of the Revolution Slider you’ve created.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.
IMPORTANT NOTE – Each Revolution Slider you create has it’s own unique name for this shortcode. Sliders can be assigned via Page, or Post Options.

Section Separator ShortcodeBack To Top

  • divider_candy – Can be one of these values: top and bottom, top, or bottom. Sets the position of the triangle candy.
  • icon – A font awesome icon value. For example, fa-glass.
  • icon_color – Accepts a hexcode ( #000000 ). Sets the icon’s color. Leave blank for Theme Option selection.
  • bordersize – Accepts a pixel value that controls the border size. For example, 1px.
  • bordercolor – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave blank for Theme Option selection. Consider matching it with the full width section you are using.
  • backgroundcolor – Accepts a hexcode ( #000000 ). Sets the background’s color. Leave blank for Theme Option selection. Consider matching it with the full width section you are using.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.
IMPORTANT NOTE – This shortcode should be used in conjunction with the Full Width shortcode.

Separator ShortcodeBack To Top

  • style_type – Can be one of these values: none, single, double, single|dashed, double|dashed, single|dotted, double|dotted, or shadow. Sets the separator’s line style.
  • top_margin – Accepts a numerical value to set the top margin. For example 40 to increase spacing, or –40 to decrease spacing.
  • bottom_margin – Accepts a numerical value to set the bottom margin. For example 40 to increase spacing, or –40 to decrease spacing.
  • sep_color – Accepts a hexcode ( #000000 ) or RGBA ( rgba(0,0,0,0) ). Sets the separator’s color. Leave Blank for Theme Option selection.
  • border_size – Accepts a pixel value to set the border size. For example, 1px. Leave blank for Theme Option selection.
  • icon – A font awesome icon value. For example, fa-glass.
  • icon_circle – Can be one of these values: default, yes, or no. Sets if the icon is circular or not. Choose default for Theme Option selection.
  • icon_circle_color – Accepts a hexcode ( #000000 ) that sets the background color of the circle around the icon. Leave Blank for Theme Option selection.
  • width – Accepts a pixel value or a percentage to set the width. For example, 1px, or 50%. Leave Blank for full width.
  • alignment – Can be one of these values: center, left, or right. Sets the separator’s alignment. Can only be used when a width is specified.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Sharing Box ShortcodeBack To Top

  • tagline – The custom tagline text. For example, Share This Story, Choose Your Platform!
  • tagline_color – Accepts a hexcode ( #000000 ). Sets the tagline’s color. Leave blank for Theme Option selection.
  • title – The custom title of the blog post you want to share. For example, My Blog Post.
  • link – The actual URL path that will be shared on the chosen platform. For example, http://www.example.com/.
  • description – The custom description text you want to share on those platforms.
  • pinterest_image – The URL path of the image you want to share on Pinterest, starting with http:// and usually ending on .jpg, .png or .gif.
  • icons_boxed – Can be one of these values: yes, or no. Sets the icons to be boxed or not.
  • icons_boxed_radius – Accepts a pixel value that sets the box’s radius. For example, 4px.
  • box_colors – Accepts a hexcode ( #000000 ). Sets the social icon’s box colors. Use one color, or individual colors. Separate colors with a vertical line ( #AA0000|#00AA00 ). Leave Blank for Theme Options selection.
  • icon_colors – Accepts a hexcode ( #000000 ). Sets the social icon’s colors. Use one color, or individual colors. Separate colors with a vertical line ( #AA0000|#00AA00 ). Leave Blank for Theme Options selection.
  • tooltip_placement – Can be one of these values: default, left, right, top, or bottom. Sets the Social Icon Tooltip position.
  • backgroundcolor – Accepts a hexcode ( #000000 ) or RGBA ( rgba(0,0,0,0) ). Sets the background’s color. Leave Blank for Theme Option selection.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Slider ShortcodeBack To Top

  • width – Accepts a pixel value or a percentage to set the width. For example, 1px, or 50%. Leave Blank for full width.
  • height – Accepts a pixel value or a percentage to set the height. For example, 1px, or 50%. Leave Blank for full width.
  • type – Can be one of these values: video, or image. Sets the type of slide.
  • link – The URL path where the image links to. For example, http://www.example.com/
  • linktarget – Can be one of these values: _blank for new window, or _self for same window.
  • lightbox – Can be one of these values: yes, or no. Sets the image to be displayed in a lightbox or not.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.
IMPORTANT NOTE – For regular image slides, insert the URL path of the image you’d like to display where it says Insert Image URL Here.

Social Links ShortcodeBack To Top

  • icons_boxed – Can be one of these values: default, yes, or no. This will enable or disable boxed icons.
  • icons_boxed_radius – Accepts a pixel value that sets the border’s radius. For example, 1px. Leave Blank for Theme Option selection.
  • icon_colors – Accepts a hexcode ( #000000 ). Sets the social icon’s colors. Use one color, or individual colors. Separate colors with a vertical line ( #AA0000|#00AA00 ). Leave Blank for Theme Options selection.
  • box_colors – Accepts a hexcode ( #000000 ). Sets the social icon’s box colors. Use one color, or individual colors. Separate colors with a vertical line ( #AA0000|#00AA00 ). Leave Blank for Theme Options selection.
  • tooltip_placement – Can be one of these values: default, left, right, top, or bottom. Sets the Social Icon Tooltip position.
  • various social links – The custom URL path to your various social media profiles. For example, http://www.facebook.com/johndoe.
  • email – The custom email address. For example, johndoe@example.com.
  • show_custom – Can be one of these values: yes, or no. Will display your custom social icon from Theme Options.
  • alignment – Can be one of these valuesL default, left, center, or right. Sets the alignment of the icons. Choose default for Theme Option selection.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Soundcloud ShortcodeBack To Top

  • url – The URL path of the soundcloud track you want to embed. For example, http://api.soundcloud.com/tracks/110813479.
  • layout – Can be one of these values: Classic, or Visual. This will set the layout of the Soundcloud embed.
  • comments – Can be one of these values: yes, or no. This will show or hide comments.
  • show_related – Can be one of these values: yes, or no. This will show or hide related items.
  • show_user – Can be one of these values: yes, or no. This will show or hide the user who posted the item.
  • auto_play – Can be one of these values: yes, or no. This will enable or disable autoplay.
  • color – Accepts a hexcode ( #000000 ). Sets the color.
  • width – Accepts a pixel value or a percentage to set the width. For example, 1px, or 50%. Leave Blank for full width.
  • height – Accepts a pixel value or a percentage to set the height. For example, 1px, or 50%. Leave Blank for full width.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Table ShortcodeBack To Top

  • class – Can be one of these values: table-1, or table-2. Sets the table’s design.
IMPORTANT NOTE – To add table data, simply fill your data into the rows and columns as the above example shows.

Tab ShortcodeBack To Top

  • design – Can be one of these values: classic, or clean. Sets the design of the shortcode.
  • layout – Can be one of these values: horizontal, or vertical. Sets the layout for the shortcode.
  • justified – Can be one of these values: yes, or no. Sets the tabs to stretch over full shortcode width or not.
  • backgroundcolor – Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,0) ) or certain colors such as red, or transparent. Sets the tab background color. Leave Blank for Theme Option selection.
  • inactivecolor – Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,0) ) or certain colors such as red, or transparent. Sets the inactive tab color. Leave Blank for Theme Option selection.
  • bordercolor – Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,0) ) or certain colors such as red, or transparent. Sets the tab border color. Leave Blank for Theme Option selection.
  • fusion_tab title – The custom title text of the tab.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.
IMPORTANT NOTE – You can put text, lists, shortcodes and regular html in the Tab Content area. jQuery driven shortcodes might cause problems and won’t work.

Tagline Box ShortodeBack To Top

  • backgroundcolor – Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,0) ) or certain colors such as red, or transparent. Sets the background’s color. Leave Blank for Theme Option selection.
  • shadow – Can be one of these values: yes, or no. This will show or hide the shadow.
  • shadowopacity – Can be a numerical value from 0.1 to 1. Sets the shadow’s opacity level. 1 is equivalent to 100%.
  • border – Accepts a pixel value. For example, 1px.
  • bordercolor – Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,0) ) or certain colors such as red, or transparent. Sets the border’s color. Leave Blank for Theme Option selection.
  • highlightposition – Can be one of these values: none, left, right, top, or bottom. Sets the position of the highlight.
  • content_alignment – Can be one of these values: left, center, or right. Sets the content’s alignment.
  • link – The URL path where the button links to. For example, http://www.example.com/
  • linktarget – Can be one of these values: _blank for new window, _self for same window.
  • modal – The unique identifier of the Modal shortcode you’ve created that allows the button to trigger the modal.
  • button_size – Can be one of these values: default, small, medium, large, or xlarge. Sets the button’s size.
  • button_shape – Can be one of these values: default, square, pill, or round. Sets the button’s shape.
  • button_type – Can be one of these values: default, flat, 3d. Sets the button’s type.
  • buttoncolor – Can be one of these values: default, green, darkgreen, orange, blue, red, pink, darkgray, or lightgray. Leave Blank for Theme Option selection.
  • button – The custom button text. For example, Click Here.
  • title – The custom title text. For example, Title 1.
  • description – The custom description text.
  • margin_top – Accepts a pixel value that sets the top margin. For example, 5px.
  • margin_bottom – Accepts a pixel value that sets the top margin. For example, 5px.
  • animation_type – Can be one of these values: none, bounce, fade, flash, rubberBand, shake, slide, or zoom. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, up, or static. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section

Testimonial ShortcodeBack To Top

  • design – Can be one these values: classic, or clean. Sets the design of the shortcode.
  • backgroundcolor – Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,0) ) or certain colors such as red, or transparent. Sets the background color. Leave Blank for Theme Option selection.
  • textcolor – Accepts a hexcode ( #000000 ), RGBA ( rgba(0,0,0,0) ) or certain colors such as red, or transparent. Sets the text color. Leave Blank for Theme Option selection.
  • random – Can be one these values: default, yes, or no. This will enable or disable randomization of the testimonial order.
  • name – The name or alias of the person who provided the testimonial. For example, John Doe.
  • avatar – Can be one of these values: male, female, none, or image. Sets the avatar. If image is used, you will also have image option.
  • image – The URL path of the image you want to display, starting with http:// and usually ending on .jpg, .png or .gif. 40px max width.
  • image_border_radius – Accepts a pixel value that sets the image’s radius. For example, 1px. Leave Blank for Theme Option selection.
  • company – The company name of the person who provided the testimonial. For example, ThemeFusion.
  • link – the URL path of the company. For example, http://www.theme-fusion.com/.
  • linktarget – Can be one of these values: _blank for new window, or _self for same window.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.
IMPORTANT NOTE – Insert testimonial text where it says Testimonial Goes Here. If you do not want a slider, then make sure to only have one testimonial in-between the open/close tags.

Textblock ShortcodeBack To Top

IMPORTANT NOTE – Insert custom text where it says Click Edit Button To Change This Text.

Title ShortcodeBack To Top

  • size – Can be one of these values: 1, 2, 3, 4, 5, or 6. These numbers correspond with H1-H6 heading sizes.
  • content_align – Can be one of these values: left, or right. Sets the heading’s alignment.
  • style_type – Can be one of these values: single solid, double solid, underline solid, single dashed, double dashed, underline dashed, single dotted, double dotted, or underline dotted. Sets the Separator style.
  • sep_color – Accepts a hexcode ( #000000 ). Sets the separator’s color. Leave Blank for Thee Option selection.
  • margin_top – Accepts a pixel value that sets the top margin of the title. For example, 5px.
  • margin_bottom – Accepts a pixel value that sets the bottom margin of the title. For example, 5px.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Toggle ShortcodeBack To Top

  • divider_line – Can be one of these values: default, yes, or no. Choose to display a divider line between each item.
  • title – The custom title text of the individual accordion item.
  • open – Can be one of these values: yes, or no. Sets which accordion-item should be open by default when the page loads.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Tooltip ShortcodeBack To Top

  • title – The custom text that will show in the text popup.
  • placement – Can be one of these values: default, top, left, right, or bottom. Sets the position of the tooltip.
  • trigger – Can be one of these values: default, click, or hover. Sets the trigger action.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.
IMPORTANT NOTE – Insert the custom text that triggers the tooltip where it says Hover Over This Text For Tooltip.

Vimeo ShortcodeBack To Top 

  • id – The id of the video you want to insert. For example, the Video ID for https://vimeo.com/75230326 is 75230326.
  • width –  Accepts a pixel value or a percentage to set the width. For example, 1px, or 50%. Leave Blank for full width.
  • height –  Accepts a pixel value or a percentage to set the height. For example, 1px, or 50%. Leave Blank for full width.
  • autoplay – Can be one of these values: yes, or no. This will enable or disable autoplay.
  • api_params – An additonal vimeo video paramter option. To view the parameters Vimeo offers, follow this link.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.

WooCommerce Default ShortcodeBack To Top

IMPORTANT NOTE – There are several shortcodes that are bundled with WooCommerce. To view information on these shortcodes, please follow this link.

WooCommerce Featured Slider ShortcodeBack To Top

  • picture_size – Can be one of these values: fixed, or auto. Sets the size of your image to be fixed or not.
  • carousel_layout – Can be one of these values: title_on_rollover, or title_below_image. This parameter is for carousel layouts only.
  • autoplay – Can be one of these values: yes, or no. This will enable or disable autoplay.
  • columns – Can be one of these values: 1, 2, 3, 4, 5, or 6. Sets the maximum number of columns to display.
  • column_spacing – Accepts a numerical value to set the space between columns in pixels. For example, 35.
  • scroll_items – Accepts a numerical value to set the amount of items to scroll. For example, 35.
  • navigation – Can be one of these values: yes, or no. This will show or hide the navigation buttons.
  • mouse_scroll – Can be one of these values: yes, or no. This will enable or disable mouse drag control.
  • show_cats – Can be one of these values: yes, or no. This will show or hide the categories.
  • show_price – Can be one of these values: yes, or no. This will show or hide the rollover price.
  • show_buttons – Can be one of these values: yes, or no. This will show or hide the rollover buttons.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.
IMPORTANT NOTE – This shortcode automatically pulls your featured products, the ones that are starred in your products list.

WooCommerce Product Carousel ShortcodeBack To Top

  • picture_size – Can be one of these values: fixed, or auto. Sets the size of your image to be fixed or not.
  • cat_slug – The id of the category from which you want the posts to be displayed. Use a comma for multiple categories.
  • number_posts – Accepts a numerical value to show how many posts are displayed. For example, 7.
  • carousel_layout – Can be one of these values: title_on_rollover, or title_below_image. This parameter is for carousel layouts only.
  • autoplay – Can be one of these values: yes, or no. This will enable or disable autoplay.
  • columns – Can be one of these values: 1, 2, 3, 4, 5, or 6. Sets the maximum number of columns to display.
  • column_spacing – Accepts a numerical value to set the space between columns in pixels. For example, 35.
  • scroll_items – Accepts a numerical value to set the amount of items to scroll. For example, 35.
  • navigation – Can be one of these values: yes, or no. This will show or hide the navigation buttons.
  • mouse_scroll – Can be one of these values: yes, or no. This will enable or disable mouse drag control.
  • show_cats – Can be one of these values: yes, or no. This will show or hide the categories.
  • show_price – Can be one of these values: yes, or no. This will show or hide the rollover price.
  • show_buttons – Can be one of these values: yes, or no. This will show or hide the rollover buttons.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
  • id – Add a custom id to the wrapping HTML element for further css customization. Please refer to this documentation section.

Youtube ShortcodeBack To Top

  • id – The id of the video you want to insert. For example, the Video ID for http://www.youtube.com/LOfeCR7KqUs is LOfeCR7KqUs.
  • width –  Accepts a pixel value but with no “px”. For example, 600
  • height –  Accepts a pixel value but with no “px”. For example, 350
  • autoplay – Can be one of these values: yes, or no. This will enable or disable autoplay.
  • api_params – An additonal vimeo video paramter option. To view the parameters Youtube offers, follow this link.
  • class – Add a custom class to the wrapping HTML element for further css customization. Please refer to this documentation section.
86 Likes
Proudly Serving Over 135000 Satisfied Users!