Buttons array

Adds buttons to your content easily with lots of customization options.

[rescue_button color=»black» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»3px»]Black Button[/rescue_button] [rescue_button color=»red» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]Red Button[/rescue_button] [rescue_button color=»orange» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]Orange Button[/rescue_button] [rescue_button color=»blue» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]Blue Button[/rescue_button] [rescue_button color=»green» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]Green Button[/rescue_button] [rescue_button color=»white» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]White Button[/rescue_button] [rescue_spacing size=»40px»]
[rescue_button color="black" url="#" title="The button title" target="blank" 
border_radius="3px"] Black Button [/rescue_button]

[rescue_clear_floats]

Toggle Content

Maybe for an awesome FAQ page? The sky’s the limit.

[rescue_spacing size=»10px»] [rescue_toggle title=»Conubia consectetuer etiam eiusmod porro, quisque?»]Great question! Accumsan pharetra tristique minus leo tempore, ratione temporibus, temporibus anim facilis faucibus. Ipsum, diam quisque, voluptatem. [/rescue_toggle] [rescue_toggle title=»Etiam eiusmod quisque?»]Another toggle box. Delectus provident lacinia, tempore lectus ultricies! Ipsum nisi ornare pede voluptate mi, quos? Earum curae, vitae imperdiet! Aliqua fames aperiam nisl ultrices dolor! Recusandae ex[/rescue_toggle] [rescue_toggle title=»Varius, possimus iaculis asperiores?»]Voluptatum, provident, mus, magnam aliquid diamlorem, delectus provident lacinia, tempore lectus ultricies! Ipsum nisi ornare pede voluptate mi, quos? Earum curae, vitae imperdiet! Aliqua fames aperiam nisl ultrices dolor! Recusandae ex[/rescue_toggle] [rescue_toggle title=»This Is Your Toggle Title»]Elit mi hymenaeos architecto modi vehicula ornare tempora, eget morbi.[/rescue_toggle] [rescue_spacing size=»30px»]
[rescue_toggle title="This Is Your Toggle Title"] 
This is the toggle content. 
[/rescue_toggle]
[rescue_clear_floats]

500+ Icons by Font Awesome

Simply enter the icon name list on the Font Awesome icon directory and adjust the shortcode settings. A few examples:

[rescue_spacing size=»30px»] [rescue_clear_floats] [rescue_column size=»one-fifth» position=»first»] heart
[/rescue_column] [rescue_column size=»one-fifth» position=»first»] globe
[/rescue_column] [rescue_column size=»one-fifth» position=»first»] cloud
[/rescue_column] [rescue_column size=»one-fifth» position=»first»] refresh
[/rescue_column] [rescue_column size=»one-fifth» position=»last»] gavel
[/rescue_column] [rescue_column size=»one-fifth» position=»first»] leaf
[/rescue_column] [rescue_column size=»one-fifth» position=»first»] user-md
[/rescue_column] [rescue_column size=»one-fifth» position=»first»] rocket
[/rescue_column] [rescue_column size=»one-fifth» position=»first»] microphone
[/rescue_column] [rescue_column size=»one-fifth» position=»last»] medkit
[/rescue_column] [rescue_column size=»one-fifth» position=»first»] laptop
[/rescue_column] [rescue_column size=»one-fifth» position=»first»] smile-o
[/rescue_column] [rescue_column size=»one-fifth» position=»first»] bolt
[/rescue_column] [rescue_column size=»one-fifth» position=»first»] pagelines
[/rescue_column] [rescue_column size=»one-fifth» position=»last»] moon-o
[/rescue_column] [rescue_spacing size=»30px»]
[icon type="heart" size="2x" pull="left" color="#cccccc"] [/icon]

Animations

Wrap anything with the animation shortcode and watch it come alive!

[rescue_column size=»one-third» position=»first»] [rescue_animate type=»slideInDown» duration=»2s» delay=»0s» iteration=»1″][rescue_button color=»black» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]slideInDown[/rescue_button][/rescue_animate] [rescue_animate type=»slideInLeft» duration=»2s» delay=»0s» iteration=»1″][rescue_button color=»black» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]slideInLeft[/rescue_button][/rescue_animate] [rescue_animate type=»slideInRight» duration=»2s» delay=»0s» iteration=»1″][rescue_button color=»black» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]slideInRight[/rescue_button][/rescue_animate] [rescue_animate type=»fadeIn» duration=»2s» delay=»0s» iteration=»1″][rescue_button color=»black» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]fadeIn[/rescue_button][/rescue_animate] [/rescue_column] [rescue_column size=»one-third» position=»first»] [rescue_animate type=»fadeInLeft» duration=»2s» delay=»0s» iteration=»1″][rescue_button color=»black» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]fadeInLeft[/rescue_button][/rescue_animate] [rescue_animate type=»fadeInRight» duration=»2s» delay=»0s» iteration=»1″][rescue_button color=»black» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]fadeInRight[/rescue_button][/rescue_animate] [rescue_animate type=»fadeInUp» duration=»2s» delay=»0s» iteration=»1″][rescue_button color=»black» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]fadeInUp[/rescue_button][/rescue_animate] [rescue_animate type=»fadeInDown» duration=»2s» delay=»0s» iteration=»1″][rescue_button color=»black» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]fadeInDown[/rescue_button][/rescue_animate] [/rescue_column] [rescue_column size=»one-third» position=»last»] [rescue_animate type=»bounceIn» duration=»2s» delay=»0s» iteration=»1″][rescue_button color=»black» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]bounceIn[/rescue_button][/rescue_animate] [rescue_animate type=»bounceInLeft» duration=»2s» delay=»0s» iteration=»1″][rescue_button color=»black» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]bounceInLeft[/rescue_button][/rescue_animate] [rescue_animate type=»bounceInRight» duration=»2s» delay=»0s» iteration=»1″][rescue_button color=»black» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]bounceInRight[/rescue_button][/rescue_animate] [rescue_animate type=»bounceInUp» duration=»2s» delay=»0s» iteration=»1″][rescue_button color=»black» url=»http://rescuethemes.com» title=»Visit Site» target=»blank» border_radius=»»]bounceInUp[/rescue_button][/rescue_animate] [/rescue_column] [rescue_spacing size=»30px»]
[rescue_animate type="bounceInUp" duration="2s" delay="0s" iteration="1"] 
Content to animate.
[/rescue_animate]

Google Map

Display a Google Map for any location on any post or page.

[rescue_googlemap title=»Rescue Themes Offices» location=»5046 S Greenwood Ave, Chicago, IL 60615″ zoom=»14″ height=250] [rescue_spacing size=»30px»]
[rescue_googlemap title="Rescue Themes Offices" 
location="5046 S Greenwood Ave, Chicago, IL 60615" zoom="14" height=250]

Notification Boxes

Have certain sections of text stand out by creating notices or alerts with the Notification Box shortcode.

[rescue_box color=»blue» text_align=»left» width=»100%» float=»none»] This is just an example title
[/rescue_box] [rescue_box color=»gray» text_align=»left» width=»100%» float=»none»] This is just an example title
[/rescue_box] [rescue_box color=»green» text_align=»left» width=»100%» float=»none»] This is just an example title
[/rescue_box] [rescue_box color=»red» text_align=»left» width=»100%» float=»none»] This is just an example title
[/rescue_box] [rescue_box color=»yellow» text_align=»left» width=»100%» float=»none»] This is just an example title
[/rescue_box] [rescue_spacing size=»30px»]
[rescue_box color="yellow" text_align="left" width="100%" float="none"] 
This sentence will be displayed as a notification.
[/rescue_box]

Text Highlights

Quickly highlight sections of text to help more important words stand out.

Blue: The [rescue_highlight color=»blue»]Merchandise Mart[/rescue_highlight] is a commercial building located in the [rescue_highlight color=»blue»]Near North Side of Chicago[/rescue_highlight].

Gray: The [rescue_highlight color=»gray»]Merchandise Mart[/rescue_highlight] is a commercial building located in the [rescue_highlight color=»gray»]Near North Side of Chicago[/rescue_highlight].

Green: The [rescue_highlight color=»green»]Merchandise Mart[/rescue_highlight] is a commercial building located in the [rescue_highlight color=»green»]Near North Side of Chicago[/rescue_highlight].

Red: The [rescue_highlight color=»red»]Merchandise Mart[/rescue_highlight] is a commercial building located in the [rescue_highlight color=»red»]Near North Side of Chicago[/rescue_highlight].

Yellow: The [rescue_highlight color=»yellow»]Merchandise Mart[/rescue_highlight] is a commercial building located in the [rescue_highlight color=»yellow»]Near North Side of Chicago[/rescue_highlight].

[rescue_spacing size=»30px»]
[rescue_highlight color="blue"] 
These are some words to be highlighted.
[/rescue_highlight]