Shortcodes

The CPO Core comes with plenty of useful shortcodes giving you a lot of options when creating content for your site. The following are present in all of our themes, provided you have the latest version of the Core:

Buttons

[ct_column_half]

Small Size

[ct_button size=”small” background=”red” href=”#”]My Button[/ct_button] [ct_button size=”small” background=”orange” href=”#”]My Button[/ct_button] [ct_button size=”small” background=”yellow” href=”#”]My Button[/ct_button] [ct_button size=”small” background=”green” href=”#”]My Button[/ct_button] [ct_button size=”small” background=”teal” href=”#”]My Button[/ct_button] [ct_button size=”small” background=”blue” href=”#”]My Button[/ct_button] [ct_button size=”small” background=”purple” href=”#”]My Button[/ct_button] [ct_button size=”small” background=”pink” href=”#”]My Button[/ct_button] [ct_button size=”small” href=”#”]My Button[/ct_button] [ct_button size=”small” background=”white” href=”#”]My Button[/ct_button] [ct_button size=”small” background=”gray” href=”#”]My Button[/ct_button] [ct_button size=”small” background=”black” href=”#”]My Button[/ct_button]

[/ct_column_half] [ct_column_half_last]

Normal Size

[ct_button background=”red” href=”#”]My Button[/ct_button] [ct_button background=”orange” href=”#”]My Button[/ct_button] [ct_button background=”yellow” href=”#”]My Button[/ct_button] [ct_button background=”green” href=”#”]My Button[/ct_button] [ct_button background=”teal” href=”#”]My Button[/ct_button] [ct_button background=”blue” href=”#”]My Button[/ct_button] [ct_button background=”purple” href=”#”]My Button[/ct_button] [ct_button background=”pink” href=”#”]My Button[/ct_button] [ct_button href=”#”]My Button[/ct_button] [ct_button background=”white” href=”#”]My Button[/ct_button] [ct_button background=”gray” href=”#”]My Button[/ct_button] [ct_button background=”black” href=”#”]My Button[/ct_button] [/ct_column_half_last]

[ct_separator icon=”chevron-down” top=”Back To Top”]

Accordions

[ct_column_half]

[ct_accordion title=”Closed Accordion”]This is the content of an accordion. You can add any kind of HTML content in here![/ct_accordion]

[ct_accordion title=”Another Accordion”]This is another accordion.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/ct_accordion]

[/ct_column_half][ct_column_half_last]

[ct_accordion title=”Opened Accordion” state=”open”]Accordions can be set to appear open by default, so you can view its contents right after loading the page.[/ct_accordion]

[/ct_column_half_last]

[ct_separator icon=”chevron-down” top=”Back To Top”]

Message Boxes

[ct_message]This is a normal message.[/ct_message]

[ct_column_half]

[ct_message type=’ok’]This is a confirmation message.[/ct_message][ct_message type=’info’]This is an info message.[/ct_message]

[/ct_column_half]

[ct_column_half_last]

[ct_message type=’error’]This is an error message. [/ct_message][ct_message type=’warning’]This is a warning message.[/ct_message]

[/ct_column_half_last]

[ct_separator icon=”chevron-down” top=”Back To Top”]

Tabbed Content

[ct_column_half]

[ct_tabs]

[ct_tab title=”First Tab”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/ct_tab]

[ct_tab title=”Second Tab”]At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.[/ct_tab]

[ct_tab title=”Third Tab”]But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?[/ct_tab]

[/ct_tabs]

[/ct_column_half]

[ct_column_half_last]

[ct_tabs style=”vertical”]

[ct_tab title=”First”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/ct_tab]

[ct_tab title=”Second”]At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.[/ct_tab]

[ct_tab title=”Third”]But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?[/ct_tab]

[/ct_tabs]

[/ct_column_half_last]

[ct_separator icon=”chevron-down” top=”Back To Top”]

Features

[ct_column_third]

[ct_feature icon=”ok-sign” style=”horizontal” title=”Endless Options”]Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio.[/ct_feature]

[/ct_column_third]

[ct_column_third]

[ct_feature icon=”ok-sign” style=”horizontal” title=”Adaptable Layout”]Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio.[/ct_feature]

[/ct_column_third]

[ct_column_third_last]

[ct_feature icon=”ok-sign” style=”horizontal” title=”Hundreds of Icons”]Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio..[/ct_feature]

[/ct_column_third_last]

[ct_separator icon=”chevron-down” top=”Back To Top”]

Content Styling

[ct_column_half]

[ct_leading]This is a lead paragraph, which you can use to add emphasis to a block of text or use as the opening line of an article. [/ct_leading]

Sed cursus mattis magna, non molestie quam tincidunt id. Suspendisse ut vestibulum elit, faucibus aliquam magna.Pellentesque purus sapien, varius et elit et, tincidunt rhoncus leo. Cras vel bibendum dui, cursus ornare est. Donec et pulvinar diam. In rutrum nisi vitae dolor sagittis feugiat. Ut porttitor ultrices massa quis mollis.

[/ct_column_half][ct_column_half_last]

[ct_dropcap style=”square”]L[/ct_dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Proin porta in tellus eget dignissim. Donec nec congue nibh. Sed cursus mattis magna, non molestie quam tincidunt id. Suspendisse ut vestibulum elit, faucibus aliquam magna. Pellentesque purus sapien, varius et elit et, tincidunt rhoncus leo. Cras vel bibendum dui, cursus ornare est.

[ct_list icon=”chevron-right”]

  • Integer justo lectus, auctor eget volutpat eget.
  • Vestibulum vitae sem. Donec aliquam, lectus.
  • Nnon consectetur mattis, ligula elit dapibus urna.

[/ct_list]

[/ct_column_half_last]

[ct_separator icon=”chevron-down” top=”Back To Top”]

Columns

You can distribute content as you please by using the following column shortcodes. You can choose to have up to five columns in one row if you wish. Be sure to mind the available space though! Columns are created as follows:

[ct_column_half][ct_message][/ct_column_half]

[ct_column_half_last][ct_message][/ct_column_half_last]

[ct_column_third][ct_message][/ct_column_third]

[ct_column_third][ct_message][/ct_column_third]

[ct_column_third_last][ct_message][/ct_column_third_last]

[ct_column_fourth][ct_message][/ct_column_fourth]

[ct_column_fourth][ct_message][/ct_column_fourth]

[ct_column_fourth][ct_message][/ct_column_fourth]

[ct_column_fourth_last][ct_message][/ct_column_fourth_last]

[ct_column_fifth][ct_message][/ct_column_fifth]

[ct_column_fifth][ct_message][/ct_column_fifth]

[ct_column_fifth][ct_message][/ct_column_fifth]

[ct_column_fifth][ct_message][/ct_column_fifth]

[ct_column_fifth_last][ct_message][/ct_column_fifth_last]

[ct_column_two_thirds][ct_message][/ct_column_two_thirds]

[ct_column_third_last][ct_message][/ct_column_third_last]

[ct_column_three_fourths][ct_message][/ct_column_three_fourths]

[ct_column_fourth_last][ct_message][/ct_column_fourth_last]

[ct_separator icon=”chevron-down” top=”Back To Top”]

Pricing Tables

[ct_column_fourth style=”fit”]

[ct_pricing_item title=”Basic” subtitle=”For Starting Out” description=”Forever” before=”” price=”Free” url=”http://www.cpothemes/theme/panoramica_pro”]

2500 Emails

4Gb for files

Support

[/ct_pricing_item]

[/ct_column_fourth][ct_column_fourth style=”fit”]

[ct_pricing_item title=”Professional” subtitle=”For Freelancers” price=”19″ description=”Per Month” before=”$” url=”http://www.cpothemes.com/pricing”]

5000 Emails

10Gb for files

Support

[/ct_pricing_item]

[/ct_column_fourth][ct_column_fourth style=”fit”]

[ct_pricing_item type=”highlight” title=”Business” color=”#f25″ subtitle=”Our Best Value Plan” price=”29″ description=”Per Month” before=”$” url=”http://www.cpothemes.com/pricing”]

10000 Emails

20Gb for files

Support

[/ct_pricing_item]

[/ct_column_fourth][ct_column_fourth_last style=”fit”]

[ct_pricing_item title=”Enterprise” subtitle=”For Large Companies” price=”49″ description=”Per Month” before=”$” url=”http://www.cpothemes.com/pricing”]

Unlimited Emails

Unlimited Space

Support

[/ct_pricing_item]

[/ct_column_fourth_last]