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.
[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.
Conubia consectetuer etiam eiusmod porro, quisque?
Etiam eiusmod quisque?
Varius, possimus iaculis asperiores?
This Is Your Toggle Title
[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!
Urna voluptate natoque, luctus penatibus do, veritatis magna, reiciendis nostrum vestibulum! Et officia aute, sequi doloremque nullam rem cumque eligendi harum consequat rerum dolor justo.
Litora sapien cillum corrupti perferendis montes veritatis, velit, unde sollicitudin orci pharetra, error, voluptas, minim pariatur, ullamcorper laudantium tenetur! Porro eaque ex parturient inventore ante.
Dis alias. Voluptatum hac arcu exercitationem tempore curabitur, quos eius integer similique. Reiciendis! Ut, arcu fermentum? Do risus, veniam sint semper consequatur lobortis, sodales nonummy.
[contact-form-7 id=”134″ title=”Contact form 1″]
[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]