Layout
Light
Dark
Dark Transparent
Extra Dark
Extra Dark
Transparent
Unique
Font
Background
Sliders

Build Incredible Layouts using these Styles

Slider Styles
Image 1Image 2Image 3

Medium Slider



Slider shortcode instructions:

There are 2 different slider shortcodes. The first one show post/page image attachments and has the following arguments:

Example usage:

[slider size="big" effect="fade" slices="10" numberimages="5" exclude="14,16" /]

The second one enables you to build a slider from images URLs (they can be hosted elsewhere) and has the following arguments:

Example usage:

[slider_custom size="big"]
	<a href="#" rel="lightbox[1]"><img src="http://breeze.unispheredesign.com/wp-content/uploads/placeholders/900x300.jpg" alt="" title="Image 1" /></a>
	<a href="#" rel="lightbox[1]"><img src="http://breeze.unispheredesign.com/wp-content/uploads/placeholders/900x300.jpg" alt="" title="Image 2" /></a>
	<a href="#" rel="lightbox[1]"><img src="http://breeze.unispheredesign.com/wp-content/uploads/placeholders/900x300.jpg" alt="" title="Image 3" /></a>
[/slider_custom]

You can also use the [image] shortcode to add the images to the [slider_custom] shortcode like for example:

[slider_custom size="big"]
	[image img="http://breeze.unispheredesign.com/wp-content/uploads/placeholders/900x300.jpg" url="http://breeze.unispheredesign.com/wp-content/uploads/placeholders/900x300.jpg" alt="Image 1"/]
	[image img="http://breeze.unispheredesign.com/wp-content/uploads/placeholders/900x300.jpg" url="http://breeze.unispheredesign.com/wp-content/uploads/placeholders/900x300.jpg" alt="Image 2"/]
	[image img="http://breeze.unispheredesign.com/wp-content/uploads/placeholders/900x300.jpg" url="http://breeze.unispheredesign.com/wp-content/uploads/placeholders/900x300.jpg" alt="Image 3"/]
[/slider_custom]

Note: If you use the [slider_custom] shortcode make sure to resize the images as they won’t automatically resize.