Content Pizazz Quick Reference

Quote Shortcodes

[cp_quote style="quote_left_dark"]Your Quote[/cp_quote]

Other styles : quote_left_light, quote_right_dark, quote_normal_dark, quote_normal_light

Column Shortcodes

[cp_one_fourth]text [/cp_one_fourth]
[cp_one_third]text [/cp_one_third]
[cp_one_half]text[/cp_one_half]
[cp_two_third]text[/cp_two_third]
[cp_three_fourth]text[/cp_three_fourth]

For the last column in your content area use these shortcodes, they will add a float clear to help you with columns that are not the same height.
[cp_one_fourth_last]text[/cp_one_fourth_last]
[cp_one_half_last]text[/cp_one_half_last]
[cp_three_fourth_last]text[/cp_three_fourth_last]
[cp_one_third_last]text[/cp_one_third_last]
[cp_two_third_last]text[/cp_two_third_last]

Clear Floats

[cp_clear]

Sometimes you may have to use [cp_clear] to clear you floats and have your next element appear on the left hand side.

List Shortcodes

[cp_list style="dot"]<li>List Item 1</li><li>List Item 2</li>...etc [/cp_list]
styles : star, happy, cog, check_1, check_2, arrow_1, arrow_2, arrow_3

For nested lists use:
[cp_list_1 style="your style"] or [cp_list_2 style="your style"] or [cp_list_3 style="your style"] or [cp_list_4 style="your style"]

Drop Caps Shortcode

[cp_dropcaps]letter[/cp_dropcaps]

Messagebox Shortcode

[cp_messagebox align="left" color="#ffffff" shade="light" border="#000000" font_color="#000000"]Message Text[/cp_messagebox]

You can omit any of the elements and the default will be used:
align : left(default),right,center
color : any hex color or web color, default is #ffffff or white, must have the #
border : any hex color or web color, default is #000000 or black
shade : noshade(default), light,dark
font-color : any hex color or web color, default is #000000 or black
Message Text : Place your message here, keep the message on one line

3d Button Shortcodes

[cp_3d_button title="Your Title" align="left" size="small" background_color="yellow"
font_color="green" link="http://www.yourlink.ext/" newtab="false"]Your Text[/cp_3d_button]

You can omit any of the elements and the default will be used:
title: This text will appear when you hover over the button
align: left(default), right, center, in-line
size: small(default), medium, large
background-color: any hex color (default #cccccc) or web color (ex: red)
font-color: any hex color (default #000000) or web color (ex: red)
link: any url of the form http://www.yourlink.ext/
newtab: false for open link in existing page, true to open link in new tab

Gradient Buttons

[cp_button link="http://your.link.ex" title="Your Title"
color="gray" font_color="#000000" align="left" newtab="false"]Your Text[/cp_button]

You can omit any of the elements and the default will be used:
color : gray(dfefault), blue, brown, dark, green, red, yellow
font-color : Any hex color number or web color, default is #000000
align : left(default), right, center
link : any internet url, default is “#”
newtab: false for open link in existing page, true to open link in new tab

Divide Line Shortcode

[cp_divide color="#919191" height="1" width="100"]

You can omit any of the elements and the default will be used:
color – any hex color
height – thickness of the line in pixels 1-5px allowed
width – width of line in percent of containing element, leave the % out

Toggle Shortcode

[cp_toggle title="Click to Open"]Content[/cp_toggle]

The title is what will display as the toggle message. Any html content between the tags will initially be hidden and will become visible whem the link is clicked.