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:
[button size=”medium” background=”#6b2″ href=”#” description=”Totalmente Gratis” icon=”star”]Descarga Este Software[/button]Buttons
[column_half]Small Size
[button size=”small” color=”red” href=”#”]My Button[/button] [button size=”small” color=”orange” href=”#”]My Button[/button] [button size=”small” color=”yellow” href=”#”]My Button[/button] [button size=”small” color=”green” href=”#”]My Button[/button] [button size=”small” color=”teal” href=”#”]My Button[/button] [button size=”small” color=”blue” href=”#”]My Button[/button] [button size=”small” color=”purple” href=”#”]My Button[/button] [button size=”small” color=”pink” href=”#”]My Button[/button] [button size=”small” href=”#”]My Button[/button] [button size=”small” color=”white” href=”#”]My Button[/button] [button size=”small” color=”gray” href=”#”]My Button[/button] [button size=”small” color=”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] [/column_half][column_half_last] [/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]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]