Respondo Pro Shortcodes

Many shortcodes are based off Twitter Bootstrap 2.3.2. However, this theme adjusts our Respondo Shortcodes to fit theme styling. All shortcodes are editable and very customizable beyond what is displayed here.

*This is a REALLY LONG page. Enjoy!*

Or, if you’d like…

Get a more detailed look, page by page.

Of Course, Columns

This scaffolding takes its cues from Twitter Bootstrap, in WordPress Shortcode form! The default Bootstrap grid system utilizes 12 columns. The grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.

Also included is another shortcode (not listed here) to add columns inside of columns (this comes in really handy at times). Here are just a few examples, there are a lot of variations not included here.

iPhone
Backpack
Bike
Light
Record
iMac
Gear
sushi
barber
Speaker
Camera
Target

One Half Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

One Half Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

One Third Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

One Third Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

One Third Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Quarter Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Quarter Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Quarter Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Quarter Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Two Thirds Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

One Third Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Sixth

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Two Thirds Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

How About Column in Column?

Half Column in Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Half Column in Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Sooooo many options (not listed here)…

Sixth

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Most Popular Shortcodes

A few of these shortcode options are sold as extensions. However, All shortcodes are included with the Respondo Pro WordPress Theme! Lucky you, you get them all!

Full Width

With the Respondo Shortcode Full Width Extension you are able to control several variables including: background image, background color, text color, full width content + control of container padding in pixels, or use of standard padding size. With the background image you can control it for fixed or scrolling (you can also control placement of repeating patterns).

With the Respondo Shortcode Full Width Extension you are able to control several variables including: background image, background color, text color, full width content + control of container padding in pixels, or use of standard padding size. With the background image you can control it for fixed or scrolling (you can also control placement of repeating patterns).

Add Any Shortcode Content

With Respondo Shortcodes, the sky is the limit when designing a new page. The Full Width extension just adds to the amazing expandability of this phenomenal plugin set.

This is Parallax!

The background image moves at a different speed than the text and page content.

Parallax is a displacement or difference in the apparent position of an object viewed along two different lines of sight, and is measured by the angle or semi-angle of inclination between those two lines.

Easily add the background parallax feature in an easy to edit shortcode!

Animated Transitions

The Transition, Animations allow you to create areas on a page that: slide from the left, from the right or from the bottom. You can also have the content fade in or out. Add any content within the animation area you specify.

Transition Animation

Animation (a Respondo Shortcode Extension)

The Transition, Animation extension allows you to create areas on a page that: slide from the left, from the right or from the bottom. You can also have the content fade in or out. Add any content shortcode within the animation area you specify.

Animation (a Respondo Shortcode Extension)

The Transition, Animation extension allows you to create areas on a page that: slide from the left, from the right or from the bottom. You can also have the content fade in or out. Add any content shortcode within the animation area you specify.

 

Transition Animation

Slide Left

Appears from the Right

Slide Right

Appears from the Left

Slide Bottom

Appears from the Bottom

Fade in

Fades in from Position

Fade Out!

Fades away as you scroll.

Standard Buttons

Many button options available including: adding the label and link, full width (yes or no), position (center, left, right), sizes (mini, small, medium, large), custom types (colors) and wrapped or not.

Full Width, 6 Column, Large Buttons

Container Width, 6 Column (all other Button sizes)

More Default Button Options

Many button options available including: adding the label and link, full width (yes or no), position (center, left, right), sizes (mini, small, medium, large), custom types (colors) and wrapped or not.

Pro Sliders

The Slider Pro not only lets you create a lightweight and simple slider with full accent color control but it also lets you do the same thing BUT with blog posts. Set up your blog post slider once and you’re done (both options, easy to use)!

Available Settings: Rounded or Straight Corner and/or Border or Not, Image Border Options Include: Border Color, Background Color, Border Padding (in px), Slide Transition Timing, Navigation Circles or Arrows on Hover or Show Arrows, Navigation Circle, Border and Border Hover Colors, Show or Hide Title and Description, Text Color and Text Background Color (if applicable), Image Upload with Auto Alt Text Addition or Enter Alt Text Manually and the Slide’s Link.

Default Settings

Here’s what going on: we have the slider set with all its default settings in a 2 column layout (slider in the left column). We also have the Full Width Extension visible too.

Altered Settings

Here’s what going on: we have the slider in a 2 column layout (you can have full width or smaller, choice is yours). We also have the Full Width Extension visible too. In addition to that we have a few changes from the default settings, for example: There’s no border, Arrows on hover and no navigation circles, we’re showing a title and content, we also changed the transition timing.

How About Full Width?

And Now… the Blog Post Slider

That’s right, add in our simple shortcode and you get this (totally automated):

Go Explore Somewhere

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a [...]

Choose from all the styling options and select a category to display, easy!

Gallery Grid

Columns: Select 1-6 Columns, Totally Responsive (works great on all devices), Fit gallery into any column set or Full Width option, Control the background color and opacity, Control the hover color and opacity, Control the text color, Show or hide social media buttons, Show or hide button and control button text, Links open in a new window or same window, Link to anything, Add Title and Description, Fast Loading Content.

Easy Add Gallery Grid

Another Example

This is: 1/6 – 2/3 – 1/6 Layout and the Gallery Grid is in the 2/3 section and has 2 columns.

Advanced Images

New Image on Hover

Have an image appear on an image. Your options include: lightbox (control background color), link to a page (open in a new window or not), your two images (Your image’s alt text is automatically added, you also have the power to alter it), image effect (fade in, slide left, slide right, slide up, slide down, flip horizontal, flip vertical), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

(Fade In)

(Slide from Left)

(Slide from Right)

(Slide Up)

(Slide Down)

(Flip Horizontal)

(Flip Vertical)

(with Border)

Image Opacity

Control the opacity on hover. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), image opacity (original and hover – control percentage), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

From 50% Opacity to 100% Clarity

From Clarity to 25% Opacity + Border

Add Content on Hover

Use shortcodes and content to your heart’s content when a user hovers over an image. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), hover transition (fade in, slide left, slide right, slide up, slide down), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no) + control background color, text color and background opacity.

map

Amazing!

Use any shortcodes and shortcode variations you want!

cup
cat
shirt
settings

This is freaking awesome!

Use any shortcodes and shortcode variations you want!

(Fade In)

Jenny

Jennifer Johnson

Director of Sales

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

(Slide Down – Opacity 80%)

Mark

Mark Beasley

Director of Funk

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

(Slide Up – Opacity 70%)

Charlie

Charlie Kind

Chief Executive Officer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

(Slide Right – Opacity 60%)

Spencer

Spencer McHurry

Chief Trampoline Officer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

(Slide Left + Border)

Image Rotate

Control how an image rotates when a visitor hovers over it. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), image rotation (left or right rotation, and rotation degrees 5, 10, 15, 20, 25, 30), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

Phone

(Left – 5 degrees)

Fast Load and Reliable

(Left – 10 degrees)

Browser Ready

(Right – 20 degrees)

settings

(Right – 30 degrees)

Image Saturation

Control the saturation of an image on live view and hover. Please note: this feature does not work in Firefox. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), image saturation (original saturation level percentage of choice and hover saturation level, also a percentage of your choice), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

Alt

(Start at 50% – End at Full Color)

Alt

(Start at 100% – End at 75%)

Skew

Make your images skew upon hover. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), image skew (left or right, percentage of length skewed 5, 10, 15, 20), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

Rocket

(Left – 5)

Rocket

(Left – 10)

Rocket

(Right – 15)

Rocket

(Right – 20)

Squared / Rounded Corners

Put a square image in and have it default on rounded corners, when a user visits and hovers the image will grow to a square image (and vise versa) . Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), start on square and end on circle or start on circle and end on square, squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

MacBook Pro

(Circle to Square)

MacBook Pro

(Square to Circle)

Scale

Put your image in a column and when a user hovers over it, it grows. A fun effect to add to your website. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

Full Width &Parallax

Rotate

A fun feature to make images spin when a user hovers on an image. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), rotation of image (left, right), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

Keyboard

(Rotate Left)

Chart

(Rotate Right)

Rotate and Scale on Hover

When a user hovers over it, it spins and grows. A fun effect to add to your website. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), rotation of image (left, right), squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

Clock

Vignette

Add a beautiful and subtle vignette to any image. Your options include: lightbox (control background color), link to a page (open in a new window or not), your image (Your image’s alt text is automatically added, you also have the power to alter it), vignette color, squared corners or rounded corners, border, margins, position (left, right, center), wrap (yes or no).

Office Staff

All Shortcodes

Here’s the rest of all the shortcodes, all easy to use and all very customizable.

Responsive Adaptation

Don’t like how something looks on a mobile device? This shortcode option removes whatever you want at whatever screensize you dictate. So, for example: you don’t want something to show up on screensizes smaller than 800, with this shortcode you can make it all disappear when the screen resolution hits 800 (or any number you dictate). You can also make content (shortcodes) appear at smaller screen sizes.

Resize your screen and Watch this text disappear at 800 and below! This works for ALL shortcodes and page content!

There’s an image right here (however you must resize your screen to under 800 to see it).

bike

WOOHOO!

Single Button Group

Controlling options include: Size (Mini, Small, Medium, Large), Style (controls the color), Optional CSS Class, If links open in a new window or not, Left or Right justified, Wrap or not, and finally your title and link for each option.

Separate Dropdown Menus

Options include: Label of the button, Size (mini, small, medium, large), Type (color option), Optional CSS class, Left or right position, if it should wrap or not, Your title and link, and you can add an optional divider.

Basic Tabs

The Basic Tabs shortcode options allows the user to customize the following: Standard or Straight Box style, Position (top, bottom, right, left), Colors (border, active background, active text, inactive text, hover background, hover text, optional CSS class, and text.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,

Basic Pills

Customize your style including: horizontal left or right style, active background, active text, hover, hover text, optional CSS class, and your titles and links.

Accordion Stacked Tabs

There are a lot of options allowing you to customize your shortcode, there they are: Color Options (border, minus sign, containter background, container text, active background, active text, inactive background, inactive text, hover background, hover text), Optional CSS class, your tabs and content, and which tab is open.

Accordion Stacked Pills

There are a lot of options allowing you to customize your shortcode, here they are: Color Options (border, minus sign, containter background, container text, active background, active text, inactive background, inactive text, hover background, hover text), Optional CSS class, your tabs and content, and which tab is open.

Horizontal Dividers

A great way to segment content on your site. There are several options giving you the ability to change the px size of each including: solid line, dotted, dashed, double, groove, ridge, inset, outset. You can also control the color of each.

Highlights

Options for the highlight include: label (text), style (default colors), optional CSS class, if it should wrap or not.

Highlight Label

Highlight Label

Highlight Label

Highlight Label

Highlight Label

Highlight Label

Badges

Options for the badges include: label (text), style (default colors), optional CSS class, if it should wrap or not.

Badge Label

Badge Label

Badge Label

Badge Label

Badge Label

Badge Label

Alerts

The alerts are added easily with a title, text and a color selection. Page visitors can close alerts too.

Default Option

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Success Option

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Danger Option

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Info Option

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Progress Bars

Add a progress bar easily by selecting the percentage and: Option (basic, stripped, animated) and style (color).

Services

A great way to quickly showcase your services. You can select 1, 2, 3, 4, 5, or 6 columns and add as many rows as you need. You can also load your own image or use any one of the over 200+ Font Awesome icons. If you load your own image you can select 36×36, 64X64, or 128X128. You also have the option to add a link and left or right positioning.

Firefox

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Chrome

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Safari

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Internet Explorer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Box Content

Using the box content shortcode is easy, you’ll have the option to: select layout (basic block, lined paper, box in box) and colors for (background, text, border). And like with all the shortcodes you can combine this with many others to open a world of options in designing the content on your website.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,

Box with Header Content

There are a lot of variations for adding a box with a styled header in the Respondo Shortcode plugin. You can change the style of the header (several options), add title and content and control the colors including text, background and body.

This is the Default Styling for the Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.

Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

Adding Images

We prefer to only use this shortcode to add images to pages and posts. Options include: adding a link, using standard sizes or change the size, type (rounded corner, circle or rectangle), border, open link in a new window, change the margins, position (left, right, center) if it wraps.

Ski Powder
Ski Powder
Mountain Life Ski
Mountain Life Ski
Climbing Tall Rock
Climbing Tall Rock

Add an Icon

Using our default Font Awesome option (built right in) you have access to well over 200 beautiful icons (and not images either – this is important, they’re CSS, Retina ready)! You can control the link, color, size and which icon you’re using. There’s two shortcode options (list and independent).

Adding Space

Many shortcode plugins and themes haven’t figured out how important controlling spacing can be. We’ve made it easy with one shortcode allowing you to add positive and negative space.

Here’s Some Text

(I want to add some space between it and a button + 60px)

Button

Stand Alone Testimonial

Need to add a testimonial on a page or post? Easy. You have the ability to: add name, job title, company and link, background border and text color and your content.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,

Dirk Bigglesworth    Master Accountant    CPA Universe

Custom Text

With Custom Text you are able to create large text outside the TinyMCE options. Your options include: Type (H1, H2, H3, H4, H5, H6, Paragraph), Alignment (left, Center or Right), Text Color, Text Style (Normal or Italic), Text Weight (Normal or Bold), Underline, Text Size, Line Height.

Make Text Huge!

… you’ll love this.

Wait, There’s More…

We’d love for you to take a look at the rest of the shortcodes! They’re not on this site (page) as they are a little different. Still included in the same plugin, these shortcodes give you the ability to add content from other areas of the website to any page you want. And they allow you to create sets OR entire page layouts. Take a look! There are some shortcode options that require the Respondo Framework “Theme” built by Spark Logix Studios (portfolio shortcodes for example).

Respondo Shortcode Site Content

Now it’s as easy as ever to simply add a blog section or portfolio section (via a shortcode) on ANY page. These shortcodes allow the user to create content on a page, content that’s pulled from real data on the site.

Display Blog Posts
News Format Blog Posts
Display Portfolio Items