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
[/column_half] [column_half_last]Normal Size
[/column_half_last] [separator icon=”chevron-down” top=”Back To Top”]Accordions
[column_half]Closed Accordion
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.
Opened Accordion
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.
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
[pricing_item title=”Basic” subtitle=”For Starting Out” description=”Forever” before=”” price=”Free” url=”http://www.cpothemes/theme/panoramica_pro” class=”ctsc-column ctsc-col4″]2500 Emails
4Gb for files
Support
[/pricing_item] [pricing_item title=”Professional” subtitle=”For Freelancers” price=”19″ description=”Per Month” before=”$” url=”http://www.cpothemes.com/pricing” class=”ctsc-column ctsc-col4″]5000 Emails
10Gb for files
Support
[/pricing_item] [pricing_item type=”highlight” title=”Business” color=”#313e4f” subtitle=”Our Best Value Plan” price=”29″ description=”Per Month” before=”$” url=”http://www.cpothemes.com/pricing” class=”ctsc-column ctsc-col4″]10000 Emails
20Gb for files
Support
[/pricing_item] [pricing_item title=”Enterprise” subtitle=”For Large Companies” price=”49″ description=”Per Month” before=”$” url=”http://www.cpothemes.com/pricing” class=”ctsc-column ctsc-col4 ctsc-col-last”]Unlimited Emails
Unlimited Space
Support
[/pricing_item]