1. ShortCodes
  2. Row & Grid System
  3. Column
  4. Alert Message
  5. Accordions
  6. Animation
  7. Badges & Dropcap
  8. BLOCKQUOTE
  9. Buttons
  10. Bootstrap Buttons
  11. Count Down Timer
  12. Clear
  13. Code
  14. Dividers
  15. Empty Space
  16. Float Left
  17. Float Right
  18. GOOGLE MAP
  19. Icons
  20. Jumbotron
  21. Label
  22. Light Box
  23. PANELS
  24. POPOVERS
  25. Progress Bar
  26. Pricing Table
  27. Title With Icon
  28. Title With Number
  29. Tabs
  30. Tooltip
  31. well
  32. Socials Icon

<< RETURN TO HOME

Add Shortcode


Easy way to add shortcodes click icon Bootstrap shortcodes and from drop down menu choose your shortcodes.

Row & Grid

Attributes:


	[sama_row type="fixed-width" cssclass="yourcssclass"]
	[sama_column cssclass="col-md-3"]
	Enter Your Content Here
	[/sama_column]
	[sama_column cssclass="col-md-3"]
	Enter Your Content Here
	[/sama_column]
	[sama_column cssclass="col-md-3"]
	Enter Your Content Here
	[/sama_column]
	[sama_column cssclass="col-md-3"]
	Enter Your Content Here
	[/sama_column]
	[/sama_row]

Column

Attributes:


[sama_column cssclass="col-md-4"]
	Enter Your Content Here
[/sama_column]
[sama_column cssclass="col-md-4"]
	Enter Your Content Here
[/sama_column]
[sama_column cssclass="col-md-4"]
	Enter Your Content Here 
[/sama_column]

Alert Message

Attributes:


[sama_alert type="alert-success" close="yes"]
Enter your content here.
[/sama_alert]

Accordions

Attributes:

icon: for any accordion you can but full name icon for fontawesome.


[sama_accordions style="bootstrap-style"]
[sama_accordion title="Accordions 1" icon="" active="in"]
* Accordions 1 content goes here. *
[/sama_accordion]
[sama_accordion title="Accordions 2" icon=""]
* Accordions 2 content goes here. *
[/sama_accordion]
[sama_accordion title="Accordions 3" icon=""]
* Accordions 3 content goes here. *
[/sama_accordion]
[/sama_accordions]

Animation


Add animation to any block using cssclass animated and add data-animation="bounce".

<p class="animated" data-animation="flash">There are many variations of passages of Lorem Ipsum available</p>

Badges

Attributes:

  1. style dropcap or dropcap2, dropcap3.
  2. cssclass: accepted string.

[sama_badge title="L"  style="dropcap" cssclass="dropcap"]

BLOCKQUOTE

Attributes:

  1. float: left or right.
  2. source: string mean author.
  3. beforsource: string ex By.
  4. style: style1, style2, style3, style4.
  5. cssclass: accepted string.

[sama_blockquote float="left" source="mostafa" beforsource="by" style="style1"]
lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
[/sama_blockquote]

Buttons

Attributes:

  1. URL: Link URL.
  2. icon: Add Font Awesome icon name.
  3. iconpos: Icon Position left or right.
  4. target: _self, _blank.
  5. bgcolor: alizarin-btn, pomegranate-btn, turqioise-btn, green_sea-btn, emerald-btn, nephritis-btn, peter_river-btn, belize_hole-btn, amethyst-btn, wisteria-btn, wet_asphalt-btn, midnight_blue-btn, sun_flower-btn, orange-btn, carrot-btn, pumpkin-btn, brown-btn, concrete-btn, asbestos-btn, silver-btn.
  6. size: small-btn, medium-btn, big-btn, medium-btn full-width-btn.
  7. border: yes, no.
  8. corner: yes, no.

[sama_button url="http://samathemes.com" icon="" target="_self" bgcolor="alizarin-btn" size="medium-btn" border="yes" corner="yes"]samathemes[/sama_button]

Bootstrap Buttons

Attributes:

  1. URL: Link URL.
  2. icon: Add Font Awesome icon name.
  3. iconpos: Icon Position left or right.
  4. target: _self, _blank.
  5. bgcolor: btn btn-gold dark, btn btn-black, btn btn-default, btn btn-primary, btn-success, btn btn-info, btn btn-warning, btn btn-danger.
  6. size: btn-xs, btn-sm, btn-lg, btn-lg btn-block.

[sama_button url="http://samathemes.com" icon="" target="_self" bgcolor="alizarin-btn" size="medium-btn" border="yes" corner="yes"]samathemes[/sama_button]

Timer

Attributes:

  1. date: must be year/month/day.
  2. rtl: true, false.
  3. dayslabel: string ex Days.
  4. hourslabel: string ex Hours.
  5. minuteslabel: string ex Miutes.
  6. secondslabel: string ex Seconds.
  7. cssclass: accepted string.

[sama_countdown date="2016/9/15" rtl="false" dayslabel="Days" hourslabel="Hours" minuteslabel="Miutes" secondslabel="Seconds" cssclass="cssdate"]Add Your Text Expire Here and this Except HTML. [/sama_countdown]

Clear


[sama_clear]

Code

Attributes:

  1. type: block, inline.

[sama_code type="block"]
Enter Your Code Here
[/sama_code][/sama_code]

Dividers

Attributes:

  1. style: 'divider-dashed color-divider', 'divider-solid', 'divider-solid divider-3', 'divider-dotted', 'divider-img-1', 'divider-img-2'.
  2. cssclass: accepted string.

[sama_divider cssclass="" style="divider-dashed color-divider"]
[sama_divider cssclass="" style="divider-solid"]
[sama_divider cssclass="" style="divider-solid divider-3"]
[sama_divider cssclass="" style="divider-dotted"]
[sama_divider cssclass="" style="divider-img-1"]
[sama_divider cssclass="" style="divider-img-2"]

Empty Space

Attributes:

  1. height: only number without px ex 30.

[sama_empty_space height="50"]

Float Left


[sama_left cssclass=""]
Your Content Here
[/sama_left]

Float Right


[sama_right cssclass=""]
Your Content Here
[/sama_right]

GOOGLE MAP


[sama_gmaps title="Rozana" latlang="45.088530, -64.367951" zoom="17" image="http://demo.samathemes.com/rozana/wp-content/uploads/2014/12/map1.png" cssclass=""]

Icons

Attributes:

  1. name: add full css for icon, This Display custom icon from Font Awesome.
  2. cssclass: accepted string.

[sama_icon name="fa fa-flag" font="fontawesome" cssclass="cssforicon optionals"]

Jumbotron

Attributes:

  1. cssclass: accepted string.

[sama_jumbotron cssclass=""]
Add Your Content Here
[/sama_jumbotron]

Label

Attributes:

  1. title: accepted string.
  2. style: label-default, label-primary, label-success, label-info, label-warning, label-danger.
  3. cssclass: accepted string.

[sama_label title="Mostafa" style="label-default" cssclass=""]

PANELS

Attributes:

  1. Style: panel-default panel-gold, panel-default panel-dark, panel-default, panel-primary, panel-success, panel-info, panel-warning, panel-danger.
  2. icon: [Optional] add full css for icon, This Display custom icon from Font Awesome.
  3. cssclass: accepted string.

[sama_panel title="Panel title" style="panel-default" icon="fa fa-eye"]
[sama_panel_body]
Panel content
[/sama_panel_body]
[sama_panel_footer]
"Panel footer content"
[/sama_panel_footer]
[/sama_panel]

POPOVERS

Attributes:

  1. direction: top, right, bottom, left.
  2. style: btn-default, btn-primary, btn-success, btn-info, btn-warning, btn-danger, btn-link.

[sama_popovers title="Popover on top" desc="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." direction="top" style="btn-default"]
Popover on top
[/sama_popovers]

Progress Bar

Attributes:

  1. title: string.
  2. value: intger from 1 to 100.
  3. style:color-progress, dark-progress, progress-bar, progress-bar-success, progress-bar-info, progress-bar-warning, progress-bar-danger.
  4. striped: yes, no.
  5. animated: yes, no.

[sama_progressbar title="THEME COLOR" value="60" style="color-progress"]
[sama_progressbar title="DARK COLOR" value="60" style="dark-progress"]

Pricing Table

Attributes:

  1. title: string.
  2. style: dark-price, theme-color, green-price, wet-asphelt-price.
  3. price: ex 3.99.
  4. features Divide values with comma
  5. cssclass: accepted string.

[sama_pricing_table title="STANDARD" style="dark-price" price="3.99" currency="$" subtitle="PER MONTH" features="1GB Storage,2 Clients,5 Active Projects,5 Colors,Free Goodies,24/7 Email support" btntitle="BUY NOW" btnurl="#" target="_self" cssclass=""]

Title With Icon

Attributes:

  1. title: string .
  2. subtitle: display after title ex: Wordpress Theme.
  3. tag: h1, h2, h3, h4, h5,h6.
  4. icon add full css for icon, This Display custom icon from Font Awesome.
  5. cssclass: accepted string.

[sama_title_icon title="Majesty" subtitle="Wordpress Theme" tag="h2" icon="" cssclass="majestycss"]

Title With Number

Attributes:

  1. title: string .
  2. tag: h1, h2, h3, h4, h5,h6.
  3. num accepted intger.
  4. cssclass: accepted string.

[sama_title_num title="Wordpress Features" num="5" tag="h2" cssclass="titlecss"]

Tabs

Attributes:

  1. style theme-style, bootstrap-style.
  2. cssclass: accepted string.

[sama_tabs style="theme-style"]
[sama_tab title="Tab 1" icon_name="" icon_font="fontawesome"]
Tab 1 content goes here.
[/sama_tab]
[sama_tab title="Tab 2" icon_name="" icon_font="fontawesome"]
Tab 2 content goes here.
[/sama_tab]
[sama_tab title="Tab 3" icon_name="" icon_font="fontawesome"]
Tab 3 content goes here.
[/sama_tab]
[/sama_tabs]

Tooltip

Attributes:

  1. direction top, right, bottom, left.

[sama_tooltip desc="Tooltip on top" direction="top"]Tooltip on top[/sama_tooltip] 

Well

Attributes:

  1. size: well-lg, well-sm.

[sama_well size="well-lg" cssclass=""]
Enter Your Content Here
[/sama_well]

Socials Icon

Attributes:

  1. type: fontawesome, image.
  2. style: default, circle, corner. [style empty mean default]

[sama_socialicons type="fontawesome" style="" cssclass="#" facebook="#" twitter="#" dribbble="#" linkedin="#" gplus="#" youtube="#" soundcloud="#" behance="#" vimeo="#" instagram="#" pinterest="#" tumblr="#" digg="#" lastfm="#" rss="#"]