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
[column_half]
Small Size
[button size=”small” background=”red” href=”#”]My Button[/button] [button size=”small” background=”orange” href=”#”]My Button[/button] [button size=”small” background=”yellow” href=”#”]My Button[/button] [button size=”small” background=”green” href=”#”]My Button[/button] [button size=”small” background=”teal” href=”#”]My Button[/button] [button size=”small” background=”blue” href=”#”]My Button[/button] [button size=”small” background=”purple” href=”#”]My Button[/button] [button size=”small” background=”pink” href=”#”]My Button[/button] [button size=”small” href=”#”]My Button[/button] [button size=”small” background=”white” href=”#”]My Button[/button] [button size=”small” background=”gray” href=”#”]My Button[/button] [button size=”small” background=”black” href=”#”]My Button[/button]
[/column_half] [column_half_last]
Normal Size
[button background=”red” href=”#”]My Button[/button] [button background=”orange” href=”#”]My Button[/button] [button background=”yellow” href=”#”]My Button[/button] [button background=”green” href=”#”]My Button[/button] [button background=”teal” href=”#”]My Button[/button] [button background=”blue” href=”#”]My Button[/button] [button background=”purple” href=”#”]My Button[/button] [button background=”pink” href=”#”]My Button[/button] [button href=”#”]My Button[/button] [button background=”white” href=”#”]My Button[/button] [button background=”gray” href=”#”]My Button[/button] [button background=”black” href=”#”]My Button[/button] [/column_half_last]
[separator icon=”chevron-down” top=”Back To Top”]
Accordions
[column_half]
[accordion title=”Closed Accordion”]This is the content of an accordion. You can add any kind of HTML content in here![/accordion]
[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.[/accordion]
[/column_half][column_half_last]
[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.[/accordion]
[/column_half_last]
[separator icon=”chevron-down” top=”Back To Top”]
Message Boxes
[message]This is a normal message.[/message]
[column_half]
[message type=’ok’]This is a confirmation message.[/message][message type=’info’]This is an info message.[/message]
[/column_half]
[column_half_last]
[message type=’error’]This is an error message. [/message][message type=’warning’]This is a warning message.[/message]
[/column_half_last]
[separator icon=”chevron-down” top=”Back To Top”]
Tabbed Content
[column_half]
[tabs]
[/tabs]
[/column_half]
[column_half_last]
[tabs style=”vertical”]
[/tabs]
[/column_half_last]
[separator icon=”chevron-down” top=”Back To Top”]
Features
[column_third]
[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.[/feature]
[/column_third]
[column_third]
[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.[/feature]
[/column_third]
[column_third_last]
[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..[/feature]
[/column_third_last]
[separator icon=”chevron-down” top=”Back To Top”]
Content Styling
[column_half]
[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. [/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.
[/column_half][column_half_last]
[dropcap style=”square”]L[/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.
[list icon=”chevron-right”]
- Integer justo lectus, auctor eget volutpat eget.
- Vestibulum vitae sem. Donec aliquam, lectus.
- Nnon consectetur mattis, ligula elit dapibus urna.
[/list]
[/column_half_last]
[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:
[column_half][message][/column_half]
[column_half_last][message][/column_half_last]
[column_third][message][/column_third]
[column_third][message][/column_third]
[column_third_last][message][/column_third_last]
[column_fourth][message][/column_fourth]
[column_fourth][message][/column_fourth]
[column_fourth][message][/column_fourth]
[column_fourth_last][message][/column_fourth_last]
[column_fifth][message][/column_fifth]
[column_fifth][message][/column_fifth]
[column_fifth][message][/column_fifth]
[column_fifth][message][/column_fifth]
[column_fifth_last][message][/column_fifth_last]
[column_two_thirds][message][/column_two_thirds]
[column_third_last][message][/column_third_last]
[column_three_fourths][message][/column_three_fourths]
[column_fourth_last][message][/column_fourth_last]
[separator icon=”chevron-down” top=”Back To Top”]
Pricing Tables
[column_fourth style=”fit”]
[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
[/pricing_item]
[/column_fourth][column_fourth style=”fit”]
[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
[/pricing_item]
[/column_fourth][column_fourth style=”fit”]
[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
[/pricing_item]
[/column_fourth][column_fourth_last style=”fit”]
[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
[/pricing_item]
[/column_fourth_last]