Quote Shortcodes

[pp_quote color="#000000" style="left"]left,right, or fullwidth[/pp_quote]

Styles :

  • left – left side of content area
  • right – right side of content area
  • fullwidth – across the content area

Color of quote icon : Any web color such as, red, blue, green, black, gray, etc or any hex color such as #0c0c0c are acceptable.

Column Shortcodes

[pp_one_fourth]text [/pp_one_fourth] [pp_one_third]text [/pp_one_third] [pp_one_half]text[/pp_one_half] [pp_two_third]text[/pp_two_third] [pp_three_fourth]text[/pp_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.
[pp_one_fourth_last]text[/pp_one_fourth_last] [pp_one_half_last]text[/pp_one_half_last] [pp_three_fourth_last]text[/pp_three_fourth_last] [pp_one_third_last]text[/pp_one_third_last] [pp_two_third_last]text[/pp_two_third_last]

Clear Floats

[pp_clear]

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

List Items

When you use fontawesome icons for lists the Panache Pizazz does not actually use a shortcode, rather when you click one of the list buttons in the text editor panel the html code for the setup is put in the content area.

Below is the html listed for pp-li :

color:#303030 – color of list icon, simply replace the default with your own hex color

fa-check – this is the check icon from font-awesome, for other icons go to the cheat sheet at fontawesome http://fortawesome.github.io/Font-Awesome/cheatsheet/

Drop Caps Shortcode

[pp_dropcaps]letter[/pp_dropcaps]

Messagebox Shortcode

[pp_messagebox align="left" color="#ffffff" shade="light" border="#000000" font_color="#000000"]Message Text[/pp_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

[pp_3d_button title="Your Title" align="left" size="small" background_color="yellow" font_color="green" link="http://www.yourlink.ext/" newtab="false"]Your Text[/pp_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 //www.yourlink.ext/
  • newtab: false for open link in existing page, true to open link in new tab

Divide Line Shortcode

[pp_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

[pp_toggle title="Click to Open"]Content[/pp_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.

Tabbed Content Shortcode

  • divide – default is “|” but put the end of line character you want to use if different
  • id – default is “pp-tabs”, each tabbed content section on a page (including sidebars mus have a unique id
  • make sure all tttle and context sections are on a separate line with a divide character at the end of each line, except for the last line

Accordion Content Shortcode

  • divide – default is “|” but put the end of line character you want to use if different
  • id – default is “pp-accord”, each tabbed content section on a page (including sidebars mus have a unique id
  • make sure all tttle and context sections are on a separate line with a divide character at the end of each line, except for the last line