Buttons, Boxes & Images

Caprice includes some preset button colors or create you own with the shortcode generator color pickers!

[button url=”#” preset=”blue”]Blue Button[/button] [button url=”#” preset=”brown”]Brown Button[/button] [button url=”#” preset=”green”]Green Button[/button] [button url=”#” preset=”purple”]Purple Button[/button] [button url=”#” preset=”red”]Red Button[/button]

[toggle_code][button url=”#” preset=”blue”]Blue Button[/button][/toggle_code]

[hr]

[h2]Boxes[/h2]

[col size=”one-half” position=”first”][info_box]This is an example of an info box.[/info_box]

[toggle_code][info_box]Text.[/info_box][/toggle_code]

[/col]

[col size=”one-half” position=”last”][warning_box]This is an example of a Warning box?[/warning_box]

[toggle_code][warning_box]Text.[/warning_box][/toggle_code]

[/col]

[col size=”one-half” position=”first”][note_box]This is an example of a note[/note_box]

[toggle_code][note_box]Text.[/note_box][/toggle_code]

[/col]

[col size=”one-half” position=”last”][download_box]This is an example of a download box[/download_box]

[toggle_code][download_box]Text.[/download_box][/toggle_code]

[/col]

[clear]

[h2]Images[/h2]

Aenean feugiat elit tempus arcu imperdiet vitae ornare eros adipiscing. Etiam eu neque in lacus vestibulum eleifend. Mauris accumsan diam elementum sapien malesuada adipiscing

[image img=”http://themes.designchemical.com/zeences/wp-content/uploads/2011/11/c111.jpg” align=”img-left”] [h3]Left Align Image[/h3] Duis vel orci a turpis volutpat adipiscing nec id neque. Aliquam aliquam nulla vitae mauris facilisis nec vulputate dui pellentesque imperdiet vitae ornare eros adipiscing. Etiam eu neque in lacus vestibulum eleifend.

[clear]

[toggle_code][image img=”http://themes.designchemical.com/zeences/wp-content/uploads/2011/11/c111.jpg” align=”img-left”][/toggle_code]

[image img=”http://themes.designchemical.com/zeences/wp-content/uploads/2011/11/c111.jpg” align=”img-right”] [h3]Right Align Image[/h3] Duis vel orci a turpis volutpat adipiscing nec id neque. Aliquam aliquam nulla vitae mauris facilisis nec vulputate dui pellentesque imperdiet vitae ornare eros adipiscing. Etiam eu neque in lacus vestibulum eleifend.

[clear]

[toggle_code][image img=”http://themes.designchemical.com/zeences/wp-content/uploads/2011/11/c111.jpg” align=”img-right”][/toggle_code]

[h3]Center Align Image[/h3]

[image img=”http://themes.designchemical.com/zeences/wp-content/uploads/2011/11/c111.jpg” align=”img-center”]

[toggle_code][image img=”http://themes.designchemical.com/zeences/wp-content/uploads/2011/11/c111.jpg” align=”img-center”][/toggle_code]

Leave a Reply