Use Shortcodes

[info-box type=”note”]To use the below shortcodes:

1. Remove the space after “[“.

2.  Remove any line break and spacing. Please use this tool
[/info-box]

 

Button Shortcodes

[ button-small  icon=”fa-rocket”  color=”white” url=”#” label=”Small Button” blank=”1″]
[ button  icon=”fa-rocket”  color=”white” url=”#” label=”Button” blank=”1″ ]
[ button-big  icon=”fa-rocket”  color=”white” url=”#” label=”Big Button” blank=”1″ ]

There are 3 size of Button Shortcodes. Each button have same options:
– icon : Font Awesome
– color: white, blue, red, green, yellow, pink, aqua, orange
– url : URL of the button
– label : Button Label
– blank : 0 , 1   ( Open in current tab / Open in new tab )

 

Social Shortcodes

[ social type=”dribbble” url=”#”]

Social have options:

– type : behance,bitbucket,codepen,delicious,deviantart,digg,dribbble,dropbox,drupal,facebook,flickr,foursquare,git,github,gittip,google-plus,hacker-news,instagram,joomla,jsfiddle,linkedin,maxcdn,openid,pinterest,reddit,share-alt,soundcloud,spotify,stack-exchange,stack-overflow,stumbleupon,tumblr,twitter,vimeo-square,vine,vk,weibo,weixin,wordpress,xing,yahoo,youtube,

– url : URL of your social

 

Custom List Shortcodes

[ list][ list-child icon=”fa-rocket” ] Item[/list-child][ list-child icon=”fa-rocket” ]Item[/list-child][ list-child icon=”fa-rocket” ]Item[/list-child][ list-child icon=”fa-rocket”]Item[/list-child][/list]

list-child have options:

– icon : Font Awesome

 

Informations Boxes

[ info-box type=”general”]Content[/info-box]

Info boxes have options:

– type: general, error, alert, success, note

 

Dropcap Shortcodes

[ d style=”2″]A[/d]Lorem ipsum dolor sit amet, duis facilisi vel te, no eum accusamus disputationi definitionem. Vim ferri insolens id, eu ferri ancillae qui. No eam consul ignota, vix vocent virtute et. Partem signiferumque ei has, nec nulla necessitatibus no. Errem convenire et his. Duo modo virtute eu, cu mei postea consetetur, dignissim evertitur ei nam.

– style: 1 , 2 , 3 , 4

 

Divider Shortcodes

[ divider ]

You can change the height (px) of divider

[ divider height=”50″]

 

Spacing Shortcodes

[ space]

You can change the height (px) of spacing :

[ space  height=”50″]

 

Column Shortcodes

[ column width=”1_2″ ][/column] [ column width=”1_2″ last=”1″][/column]

– width : the width percent of column 1_2 , 1_3 , 1_4 , 2_3 , 2_4 , 3_4

– last : 0 , 1  ( use 1 for end column )

 

Responsive Video Shortcodes

[ youtube] https://www.youtube.com/watch?v=bcg53bRktCg [/youtube]

[ vimeo]http://vimeo.com/18079655[/vimeo]

Leave a Reply