Shortcodes

Buttons

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”]
[icon type=”heart” size=”2x” pull=”left” color=”#cccccc”]heart
[/rescue_column]
[rescue_column size=”one-fifth” position=”first”]
[icon type=”globe” size=”2x” pull=”left” color=”#cccccc”]globe
[/rescue_column]
[rescue_column size=”one-fifth” position=”first”]
[icon type=”cloud” size=”2x” pull=”left” color=”#cccccc”]cloud
[/rescue_column]
[rescue_column size=”one-fifth” position=”first”]
[icon type=”refresh” size=”2x” pull=”left” color=”#cccccc”]refresh
[/rescue_column]
[rescue_column size=”one-fifth” position=”last”]
[icon type=”gavel” size=”2x” pull=”left” color=”#cccccc”]gavel
[/rescue_column]

[rescue_column size=”one-fifth” position=”first”]
[icon type=”leaf” size=”2x” pull=”left” color=”#cccccc”]leaf
[/rescue_column]
[rescue_column size=”one-fifth” position=”first”]
[icon type=”user-md” size=”2x” pull=”left” color=”#cccccc”]user-md
[/rescue_column]
[rescue_column size=”one-fifth” position=”first”]
[icon type=”rocket” size=”2x” pull=”left” color=”#cccccc”]rocket
[/rescue_column]
[rescue_column size=”one-fifth” position=”first”]
[icon type=”microphone” size=”2x” pull=”left” color=”#cccccc”]microphone
[/rescue_column]
[rescue_column size=”one-fifth” position=”last”]
[icon type=”medkit” size=”2x” pull=”left” color=”#cccccc”]medkit
[/rescue_column]

[rescue_column size=”one-fifth” position=”first”]
[icon type=”laptop” size=”2x” pull=”left” color=”#cccccc”]laptop
[/rescue_column]
[rescue_column size=”one-fifth” position=”first”]
[icon type=”smile-o” size=”2x” pull=”left” color=”#cccccc”]smile-o
[/rescue_column]
[rescue_column size=”one-fifth” position=”first”]
[icon type=”bolt” size=”2x” pull=”left” color=”#cccccc”]bolt
[/rescue_column]
[rescue_column size=”one-fifth” position=”first”]
[icon type=”pagelines” size=”2x” pull=”left” color=”#cccccc”]pagelines
[/rescue_column]
[rescue_column size=”one-fifth” position=”last”]
[icon type=”moon-o” size=”2x” pull=”left” color=”#cccccc”]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{bec4c8fa19d10461d80ba32c2b63752f4a1eaccd87c6c7ddd3051e90d28482c9}” float=”none”]
This is just an example title
[/rescue_box]

[rescue_box color=”gray” text_align=”left” width=”100{bec4c8fa19d10461d80ba32c2b63752f4a1eaccd87c6c7ddd3051e90d28482c9}” float=”none”]
This is just an example title
[/rescue_box]

[rescue_box color=”green” text_align=”left” width=”100{bec4c8fa19d10461d80ba32c2b63752f4a1eaccd87c6c7ddd3051e90d28482c9}” float=”none”]
This is just an example title
[/rescue_box]

[rescue_box color=”red” text_align=”left” width=”100{bec4c8fa19d10461d80ba32c2b63752f4a1eaccd87c6c7ddd3051e90d28482c9}” float=”none”]
This is just an example title
[/rescue_box]

[rescue_box color=”yellow” text_align=”left” width=”100{bec4c8fa19d10461d80ba32c2b63752f4a1eaccd87c6c7ddd3051e90d28482c9}” float=”none”]
This is just an example title
[/rescue_box]

[rescue_spacing size=”30px”]

[rescue_box color="yellow" text_align="left" width="100{bec4c8fa19d10461d80ba32c2b63752f4a1eaccd87c6c7ddd3051e90d28482c9}" 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]