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”] 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]