Rescue Shortcodes

Examples

Buttons

Add buttons to your content easily and customize them as any color you’d like.

[rescue_button colorhex="#333333" url="#" title="The button title" target="blank"
border_radius="3px"] Black Button [/rescue_button]

Buttons with Icons

Buttons can also have any Font Awesome icon assigned to the left of text or just the icon by itself.
Button with Icon

[rescue_button icon_type="heart" icon_color="#cccccc" icon_enabled="true" color="black" url="http://rescuethemes.com" target="blank"
border_radius="3px"] Button with Icon [/rescue_button]

[rescue_button icon_type="star" icon_color="#ffffff" icon_margin="0px" icon_enabled="true" color="black" url="http://rescuethemes.com" target="blank"
border_radius="3px"] /rescue_button]

Toggle Content

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

[rescue_toggle title="This Is Your Toggle Title"]
This is the toggle content.
[/rescue_toggle]

Progress Bar

Let your visitors visualize the progress of a project, donation funds, or anything you’d like!

[rescue_progressbar title="Example" percentage="75" color="#f1c40f"]

Tabbed Content

Create multiple tabbed content sections to display just about anything!

[rescue_tabgroup]

[rescue_tab title="First Tab"]
First tab content
[/rescue_tab]

[rescue_tab title="Second Tab"]
Second Tab Content.
[/rescue_tab]

[/rescue_tabgroup]

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:

[icon type="heart" size="2x" pull="left" color="#cccccc"] [/icon]

Animations

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

[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" key="googleAPIkey" height=250]

Google now requires new websites to have a Google Maps API key. You can request a key here 

Notification Boxes

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

[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 Merchandise Mart is a commercial building located in the Near North Side of Chicago.

Gray: The Merchandise Mart is a commercial building located in the Near North Side of Chicago.

Green: The Merchandise Mart is a commercial building located in the Near North Side of Chicago.

Red: The Merchandise Mart is a commercial building located in the Near North Side of Chicago.

Yellow: The Merchandise Mart is a commercial building located in the Near North Side of Chicago.

[rescue_highlight color="blue"]
These are some words to be highlighted.
[/rescue_highlight]