09358697575
مشهد - وکیل آباد - صیاد شیرازی

Use Shortcodes

to use the below shortcodes, you need to remove the space after “[“.

Button Shortcodes

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

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

Custom List Shortcodes

[ list][ list-child icon=”fa-rocket” style=”circle” color=”blue”] Item[/list-child][ list-child icon=”fa-rocket” style=”circle” color=”blue”]Item[/list-child][ list-child icon=”fa-rocket” style=”circle” color=”blue”]Item[/list-child][ list-child icon=”fa-rocket” style=”circle” color=”blue”]Item[/list-child][/list]

list-child have options:

– icon : Font Awesome
– color: white, blue, red, green, yellow, pink, aqua, orange
– style: normal, circle, point, square.

Informations Boxes

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

Info boxes have options:

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

Social Shortcodes

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

Social have options:

– type : dribbble,  facebook, flickr, foursquare, github, google-plus, instagram, linkedin, pinterest, stack-overflow, tumblr, twitter, vimeo-square, youtube

– url : URL of the social

 

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″]

 

Pricing Table

Pricing table is complex shortcodes, please follow the intructions:

۱. first , you need to decide how many columns of pricing. You can choose from 1-5 columns.

[ pricing-table cols=”3″] [ pricing-col]…[/pricing-col] [ pricing-col]…[/pricing-col] [ pricing-col]…[/pricing-col][/pricing-table]

Each column you can have option:

–  type : normal, highlight

۲. Then , you’re going to build pricing column contents. Each pricing colum have contents:

Pricing Title : You can also have sub title or not.

[ pricing-title]Title[/pricing-title]

[ pricing-title]Title[ pricing-subtitle]Sub – Title[/pricing-subtitle][/pricing-title]

Pricing Price :

[ pricing-price price=”19.9″  time=”per month” unit=”$” unit_order=”0″]

– price : price of this plan

– time : time of period

– unit : unit of price

– unit_order : 0 : unit will appear before price , 1 : unit will appear after price

Pricing Details :

[ pricing-detail]Content[/pricing-detail]

In pricing detail , you can add text only or custom list . For custom list shortcodes , you can find it above.

Pricing Button :

[ pricing-button url=”#” label=”Buy Now”]

 

Example of Full Pricing Tables :

[ pricing-table cols=”3″]
[ pricing-col ]
[ pricing-title]Personal
[ pricing-subtitle]Great for beginner[/pricing-subtitle]
[/pricing-title]
[ pricing-price price=”19.9″ time=”per month”]
[ pricing-detail]
[ list]
[ list-child icon=”fa-check” style=”circle” color=”black”]Unique & Beautiful Design[/list-child]
[ list-child icon=”fa-check” style=”circle” color=”black”]Unlimited Google Fonts[/list-child]
[ list-child icon=”fa-check” style=”circle” color=”black”]Retina Ready Display[/list-child]
[ list-child icon=”fa-check” style=”circle” color=”black”]Drag & Dtop Page Builder[/list-child]
[ list-child icon=”fa-ban” style=”circle” color=”black”]Translate Ready[/list-child]
[ list-child icon=”fa-ban” style=”circle” color=”black”]1 Year Support[/list-child]
[/list]
[/pricing-detail]
[ pricing-button url=”#” label=”Buy Now”]
[/pricing-col]
[ pricing-col type=”dark”]
[ pricing-title]Team
[ pricing-subtitle]Great for Professional[/pricing-subtitle]
[/pricing-title]
[ pricing-price price=”39.9″ time=”per month”]
[ pricing-detail]
[ list]
[ list-child icon=”fa-check” style=”point” color=”red”]Unique & Beautiful Design[/list-child]
[ list-child icon=”fa-check” style=”point” color=”red”]Unlimited Google Fonts[/list-child]
[ list-child icon=”fa-check” style=”point” color=”red”]Retina Ready Display[/list-child]
[ list-child icon=”fa-check” style=”point” color=”red”]Drag & Dtop Page Builder[/list-child]
[ list-child icon=”fa-ban” style=”point” color=”red”]Translate Ready[/list-child]
[ list-child icon=”fa-ban” style=”point” color=”red”]1 Year Support[/list-child]
[/list]
[/pricing-detail]
[ pricing-button url=”#” label=”Buy Now”]
[/pricing-col]
[ pricing-col type=”highlight”]
[ pricing-title]Company
[ pricing-subtitle]Great for Agency[/pricing-subtitle]
[/pricing-title]
[ pricing-price price=”39.9″ time=”per month”]
[ pricing-detail]
[ list]
[ list-child icon=”fa-check” style=”square” color=”blue”]Unique & Beautiful Design[/list-child]
[ list-child icon=”fa-check” style=”square” color=”blue”]Unlimited Google Fonts[/list-child]
[ list-child icon=”fa-check” style=”square” color=”blue”]Retina Ready Display[/list-child]
[ list-child icon=”fa-check” style=”square” color=”blue”]Drag & Dtop Page Builder[/list-child]
[ list-child icon=”fa-ban” style=”square” color=”blue”]Translate Ready[/list-child]
[ list-child icon=”fa-ban” style=”square” color=”blue”]1 Year Support[/list-child]
[/list]
[/pricing-detail]
[ pricing-button url=”#” label=”Buy Now”]
[/pricing-col]
[/pricing-table]