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%“ 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]