Shortcodes

[button size=”medium” link=”#sc-accordions”]Accordion Panels[/button]
[button size=”medium” link=”#sc-author-info”]Author Info[/button]
[button size=”medium” link=”#sc-blockquotes”]Blockquotes[/button]
[button size=”medium” link=”#sc-buttons”]Buttons[/button]
[button size=”medium” link=”#sc-carousels”]Carousels[/button]
[button size=”medium” link=”#sc-columns”]Columns[/button]
[button size=”medium” link=”#sc-contact”]Contact Form[/button]
[button size=”medium” link=”#sc-dividers”]Dividers[/button]
[button size=”medium” link=”#sc-dropcaps”]Dropcaps[/button]
[button size=”medium” link=”#sc-galleries”]Galleries[/button]
[button size=”medium” link=”#sc-featured-posts”]Vertical/Horizontal Posts[/button]
[button size=”medium” link=”#sc-images”]Images[/button]
[button size=”medium” link=”#sc-lists”]Lists[/button]
[button size=”medium” link=”#sc-logged-in”]Logged In/Out[/button]
[button size=”medium” link=”#sc-forms”]Login Form[/button]
[button size=”medium” link=”#sc-notifications”]Notifications[/button]
[button size=”medium” link=”#sc-posts”]Grid Posts[/button]
[button size=”medium” link=”#sc-forms”]Register Form[/button]
[button size=”medium” link=”#sc-relatedposts”]Related Posts[/button]
[button size=”medium” link=”#sc-sidebars”]Sidebars[/button]
[button size=”medium” link=”#sc-sliders”]Sliders[/button]
[button size=”medium” link=”#sc-tabs”]Tabs[/button]
[button size=”medium” link=”#sc-text-boxes”]Text Boxes[/button]
[button size=”medium” link=”#sc-toggle-boxes”]Toggle Boxes[/button]

[divider]

Author Info

[author]

[[author]]

[divider]

Blockquotes

[bq_left]”Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[/bq_left]

Monotonectally extend an expanded array of alignments whereas client-based channels. Synergistically extend optimal technologies whereas B2B communities. Enthusiastically seize enterprise-wide interfaces rather than viral total linkage. Seamlessly drive ubiquitous applications without tactical mindshare. Continually. Collaboratively foster client-centered architectures before fully researched e-tailers. Holisticly envisioneer turnkey supply chains vis-a-vis premium markets. Dynamically brand accurate communities before process-centric customer service. Credibly architect backend portals before cost effective e-tailers. Conveniently brand. Authoritatively matrix top-line e-tailers without team building expertise. Proactively target focused channels and tactical value. Assertively synergize tactical opportunities before compelling portals. Appropriately re-engineer magnetic channels rather than premier e-business. Enthusiastically whiteboard virtual solutions vis-a-vis just in time meta-services. Completely exploit premium testing procedures without state of the art strategic theme areas. Appropriately envisioneer 24/365 services via cross-media communities.

[bq_right]”Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[/bq_right]

Synergistically extend vertical methodologies and corporate manufactured products. Phosfluorescently synthesize bleeding-edge customer service through market-driven quality vectors. Energistically mesh. Proactively repurpose bricks-and-clicks content via backend technologies. Efficiently benchmark user friendly strategic theme areas after e-business services. Proactively communicate global niche markets for 24/7 sources. Dynamically morph business solutions via global intellectual capital. Completely mesh enabled core competencies whereas covalent portals. Quickly actualize prospective models whereas excellent intellectual capital. Credibly pursue ethical paradigms after leading-edge deliverables. Professionally productivate fully tested solutions vis-a-vis efficient portals. Assertively leverage other’s standards compliant e-tailers through synergistic scenarios. Appropriately scale client-focused vortals via.

[clear]

[toggle title=”Options & Code”]

Example

[[bq_left]Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[/bq_left]]

Completely mesh enabled core competencies whereas covalent portals. Quickly actualize prospective models whereas excellent intellectual capital.

[[bq_right]Phosfluorescently procrastinate impactful markets and principle-centered potentialities. Progressively negotiate turnkey mindshare via maintainable applications.[/bq_right]]

Completely mesh enabled core competencies whereas covalent portals. Quickly actualize prospective models whereas excellent intellectual capital.

[/toggle]

[divider]

Carousels

[carousel]

[clear]

[toggle title=”Options & Code”]

Example

[[carousel header="" rss="" color="" post_type="post" cats="" ids="" images="true" image_width="546" image_height="350" image_wrap="false" hard_crop="false" per_page="30" offset="0" link="both" max_visible="4" speed="0" circular="false" buttons="true" swipe="true" orderby="date" order="desc" content_display="excerpt" excerpt_length="0" read_more="true" title="true" title_size="" title_font="" title_length="40" excerpt_length="0" meta="false" meta_author="true" meta_date="true" meta_cats="true" meta_tags="true" score="true" classes=""]]

Options

Option	Values	Default Value	Description
header			The header text for your carousel
rss			The RSS feed for your carousel header
color			The colour of your carousel header
post_type	post, page (or a custom post type e.g. slide)	post	The post types to display
cats			The post category slugs to display
images	true, false	true	Choose whether to display the featured images
image_width		546	The width of your carousel images
image_height		350	The height of your carousel images
image_wrap	true, false	false	Choose whether to wrap text around your featured images
hard_crop	true, false	false	Choose whether to hard crop the images
per_page		30	The number of posts in your carousel
max_visible		4	The maximum number of visible items in your carousel
speed		0	The speed of your carousel
circular	true, false	false	Choose whether the carousel scrolls through to the first post again
swipe	true, false	true	Choose whether to enable touch swipe on mobile and tablet devices
buttons	true, false	true	Choose whether to show the carousel buttons
orderby	date, title, rand, score	date	Choose the order criteria for your posts
order	desc, asc	desc	Choose how to order your posts
offset		0	Choose how any posts to offset by
content_display	excerpt, full	excerpt	Choose whether to display the full content or an excerpt
excerpt_length		400	The number of characters in your excerpts
title	true, false	true	Choose whether to display your post titles
title_length		40	The number of characters in your title
meta	true, false	true	Choose whether to display the post meta data
meta_author	true, false	true	Choose whether to display the post author
meta_date	true, false	true	Choose whether to display the post date
meta_cats	true, false	true	Choose whether to display the post categories
meta_tags	true, false	true	Choose whether to display the post tags
score	true, false	true	Choose whether to display the post scores
classes			If you wish to style particular content element differently, then add a class name and then refer to it in your css file.

[/toggle]

[divider]

Columns

[one]

1

Nunc laoreet, lorem nec elementum condimentum, orci nunc molestie elit, nec hendrerit dui urna id felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vestibulum tincidunt bibendum. Nulla at quam augue, sit amet varius odio. Morbi sit amet elit eu est semper congue. In aliquet, tellus in commodo euismod, libero mauris interdum sapien, nec tincidunt ligula nunc vel urna. Morbi sit amet adipiscing massa. Nulla et lorem turpis, vitae sagittis eros. Donec a tortor sed dui consequat porta. Vivamus tincidunt ipsum id felis hendrerit eleifend sed sed quam. Integer faucibus sagittis orci tempor accumsan. Sed porttitor placerat neque, in vestibulum lorem bibendum in. Cras sed libero eget tellus iaculis pharetra ac ut lacus. Integer in sapien erat, vel sodales lectus.[/one]

[clear]

[[one]Text[/one]]

[clear]

[two]

1/2

[two_last]

1/2

[clear]

[[two]Text[/two]] [[two_last]Text[/two_last]]

[clear]

[three type=”separate”]

1/3

[three type=”separate”]

1/3

[three_last type=”separate”]

1/3

[clear]

[[three type="separate"]Text[/three]] [[three type="separate"]Text[/three]] [[three_last type="separate"]Text[/three_last]]

[clear]

[four type=”joint”]

1/4

[four_middle type=”joint”]

1/4

[four_middle type=”joint”]

1/4

[four_last type=”joint”]

1/4

[clear]

[[four type="joint"]Text[/four]] [[four_middle type="joint"]Text[/four_middle]] [[four_middle type="joint"]Text[/four_middle]] [[four_last type="joint"]Text[/four_last]]

[clear]

[five type=”joint”]

1/5

[five_middle type=”joint”]

1/5

[five_middle type=”joint”]

1/5

[five_middle type=”joint”]

1/5

[five_last type=”joint”]

1/5

[clear]

[[five type="joint"]Text[/five]] [[five_middle type="joint"]Text[/five_middle]] [[five_middle type="joint"]Text[/five_middle]] [[five_middle type="joint"]Text[/five_middle]] [[five_last type="joint"]Text[/five_last]]

[clear]

[twothirds]

2/3

[onethird_last]

1/3

[clear]

[[twothirds]Text[/twothirds]] [[onethird_last]Text[/onethird_last]]

[clear]

[onefourth]

1/4

[threefourths_last]

3/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi. Cras enim nunc, suscipit eu mollis nec, facilisis et ipsum. Fusce et elit at erat imperdiet tristique consequat a erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacus libero, bibendum a pellentesque tristique, ullamcorper at justo. Proin ut lectus sit amet quam eleifend lacinia nec sed nisi. Cras enim nunc, suscipit eu mollis nec, facilisis et ipsum. Fusce et elit at erat imperdiet tristique consequat a erat.[/threefourths_last]

[clear]

[[onefourth]Text[/onefourth]] [[threefourths_last]Text[/threefourths_last]]

[clear]

[toggle title=”Options & Code”]

Example

[[two]Insert your text here[/two]] [[two_last]Insert your text here[/two_last]]

Options

Option	Values	Default Value	Description
type	blank, separate, joint	blank	The type of column
text_align	text-left, text-right, text-center	text-left	The text alignment in columns
height			The height of your columns in px, em or %
padding			The column padding in px, em or % (top,right,bottom,left e.g 20,10,20,50)
margins			The column margins in px, em or % (top,right,bottom,left e.g 20,10,20,50)
background			The background colour and/or image of your column (e.g. background=”#eee” or background=”#000 url(IMAGE URL)”)
border	true, false	true	Choose whether to display a border around joint and separate columns

[/toggle]

[divider]

[two]

Contact Form

[contact email=”#”]

[clear]

[toggle title=”Options & Code”]

Example

[[contact email="test@email.com"]]

Options

Option	Values	Default Value	Required	Description
email			Yes	The email address to send your form to

[/toggle]
[/two]

[two_last]

Sidebars

[sidebar name=”cs-shortcode-sidebar”]

[clear]

[toggle title=”Options & Code”]

Example

[[sidebar name="Shortcode Sidebar"]]

Options

Option	Values	Default Value	Required	Description
name		gp-default	Yes	The name of your sidebar
width				The width of your sidebar
align	alignnone, alignleft, alignright, aligncenter	alignnone		The alignment of your sidebar
text				The text displayed if no widgets have been added to the sidebar

[/toggle]
[/two_last]

[divider]

Vertical/Horizontal Posts

[featured_posts type=”horizontal”]

[clear]

[toggle title=”Options & Code”]

Example

[[featured_posts type="vertical" header="" header_link="" rss="" color="" post_type="post" cats="" ids="" large_images="true" small_images="true" large_image_width="533" large_image_height="200" small_image_width="120" small_image_height="120" hard_crop="false" per_page="4" offset="0" link="both" pages="false" orderby="date" order="desc" large_content_display="excerpt" small_content_display="excerpt" large_title_length="500" small_title_length="500" large_excerpt_length="250" small_excerpt_length="110" large_title="true" small_title="true" large_title_size="" small_title_size="" large_title_font="" small_title_font="" large_meta="true" small_meta="true" large_meta_author="true" small_meta_author="true" large_meta_date="true" small_meta_date="true" large_meta_cats="false" small_meta_cats="false" large_meta_tags="false" small_meta_tags="false" large_score="true" small_score="true" large_read_more="false" small_read_more="false" classes=""]]

Options

Option	Values	Default Value	Description
type	vertical, horizontal	vertical	The type of featured posts layout
header			The header text for your featured posts
header_link			The header text link for your featured posts (added since v2.0)
rss			The RSS feed for your featured posts
color			The colour of your featured posts header
post_type	post, page (or a custom post type e.g. slide)	post	The post types to display
cats			The post category slugs to display
ids			The post/page IDs to display
large_images	true, false	true	Choose whether to display the large featured image
small_images	true, false	true	Choose whether to display the small featured images
large_image_width		533	The large featured image width
large_image_height		200	The large featured image height
small_image_width		120	The small featured image width
large_image_height		120	The small featured image height
hard_crop	true, false	false	Choose whether to hard crop the images
per_page		4	The number of posts per page
offset		0	Choose how any posts to offset by
link	both, title, image, none	both	Choose which part of your posts link to your URL
pages	true, false	false	Choose whether to display page numbers
orderby	date, title, rand, score	date	Choose the order criteria for your posts
order	desc, asc	desc	Choose how to order your posts
large_content_display	excerpt, full	excerpt	Choose whether to display the full content or an excerpt for the large post
small_content_display	excerpt, full	excerpt	Choose whether to display the full content or an excerpt for the small posts
large_title_length		500	The number of characters in your large title
small_title_length		500	The number of characters in your small titles
large_excerpt_length		250	The number of characters in your large excerpt
small_excerpt_length		110	The number of characters in your small excerpt
large_title	true, false	true	Choose whether to display your large post titles
small_title	true, false	true	Choose whether to display your small post titles
large_title_size			The size of the large title font (px)
small_title_size			The size of the small title font (px)
large_title_font			The font family of the large title font (e.g. title_font=”Helvetica”)
small_title_font			The font family of the small title font (e.g. title_font=”Helvetica”)
large_meta	true, false	true	Choose whether to display the large post meta data
small_meta	true, false	true	Choose whether to display the large post meta data
large_meta_author	true, false	true	Choose whether to display the large post author
small_meta_author	true, false	true	Choose whether to display the small post author
large_meta_date	true, false	false	Choose whether to display the large post date
small_meta_date	true, false	false	Choose whether to display the small post date
large_meta_cats	true, false	false	Choose whether to display the large post categories
small_meta_cats	true, false	false	Choose whether to display the small post categories
large_meta_tags	true, false	false	Choose whether to display the large post tags
small_meta_tags	true, false	false	Choose whether to display the small post tags
large_read_more	true, false	false	Choose whether to display the large Read More link
small_read_more	true, false	false	Choose whether to display the small Read More link
classes			If you wish to style particular content element differently, then add a class name and then refer to it in your css file.

[/toggle]

[divider]

Images

[three type=”separate”]

Left Aligned Image

[image url=”wp-content/uploads/placeholder1.png” width=”200″ height=”200″ align=”alignleft”][/three]

[three type=”separate”]

Center Aligned Image

[image url=”wp-content/uploads/placeholder1.png” width=”200″ height=”200″ align=”aligncenter”][/three]

[three_last type=”separate”]

Right Aligned Image

[image url=”wp-content/uploads/placeholder1.png” width=”200″ height=”200″ align=”alignright”][/three_last]

[clear]

[three type=”separate” height=”236″]

Positioned Image

[image url=”wp-content/uploads/placeholder1.png” width=”200″ height=”200″ bottom=”0″ right=”0″ mtop=”20″][/three]

[three type=”separate” height=”236″]

Image With Border

[image url=”wp-content/uploads/placeholder1.png” width=”200″ height=”200″ border=”true”][/three]

[three_last type=”separate” height=”236″]

Lightbox

[image url=”wp-content/uploads/placeholder1.png” lightbox=”true” link=”http://vimeo.com/1084537″ width=”200″ height=”200″ ][/three_last]

[clear]

[toggle title=”Options & Code”]

Example

[[image url="" width="" height="" link="" target="_self" border="false" align="alignleft" margins="" alt="" title="" lightbox="false"]]

Options

Option	Values	Default Value	Required	Description
url			Yes	The URL of your image
width				The width of your image
height				The height of your image
link				The link to your image
target	_self, _blank			Choose whether your link opens in a new window
border	true, false	true		Choose whether to display a border around your image
align	alignleft, alignright, aligncenter			The alignment of your image
margins				The image margins in px, em or % (top,right,bottom,left e.g. 10,20,15,10)
top				The top position of your image
bottom				The bottom position of your image
left				The left position of your image
right				The right position of your image
alt				The alternate image text
title				The link title
lightbox	true, false	false		Choose whether to load content in the lightbox
classes				If you wish to style particular content element differently, then add a class name and then refer to it in your css file.

[/toggle]

[divider]

[two]

Tabs

[clear]

[toggle title=”Options & Code”]

Example

[tabs] [tab title="Title 1"]Insert your text here[/tab] [tab title="Title 2"]Insert your text here[/tab] [tab title="Title 3"]Insert your text here[/tab] [/tabs]

Options

Option	Values	Default Value	Required	Description
title			Yes	The title of your tab

[/toggle]

[/two]

[two_last]

Accordion Panels

[panel title=”Vestibulum ante ipsum”]Credibly build standardized web services before mission-critical models. Enthusiastically transform resource-leveling interfaces for premier web-readiness. Intrinsicly maximize wireless leadership skills and quality interfaces. Authoritatively.[/panel][panel title=”Quam suscipit”]Credibly build standardized web services before mission-critical models. Enthusiastically transform resource-leveling interfaces for premier web-readiness. Intrinsicly maximize wireless leadership skills and quality interfaces. Authoritatively.[/panel][panel title=”Donec ullamcorper ipsum”]Credibly build standardized web services before mission-critical models. Enthusiastically transform resource-leveling interfaces for premier web-readiness. Intrinsicly maximize wireless leadership skills and quality interfaces. Authoritatively.[/panel][panel title=”Nullam mattis urna eu”]Credibly build standardized web services before mission-critical models. Enthusiastically transform resource-leveling interfaces for premier web-readiness. Intrinsicly maximize wireless leadership skills and quality interfaces. Authoritatively.[/panel]

[clear]

[toggle title=”Options & Code”]

Example

[accordion] [panel title="Title 1"]Insert your text here[/panel] [panel title="Title 2"]Insert your text here[/panel] [panel title="Title 3"]Insert your text here[/panel] [/accordion]

Options

Option	Values	Default Value	Required	Description
title			Yes	The title of your accordion panel

[/toggle]

[/two_last]

[divider]

Buttons

[three]
[button link=”#” target=”_blank” color=”yellow”]Small Button[/button]
[button link=”#” size=”medium” color=”yellow”]Medium Button[/button]
[button link=”#” size=”large” color=”yellow”]Large Button[/button]
[/three]

[three]
[button link=”#” color=”darkgrey”]Small Button[/button]
[button link=”#” size=”medium” color=”darkgrey”]Medium Button[/button]
[button link=”#” size=”large” color=”darkgrey”]Large Button[/button]
[/three]

[three_last]
[button link=”#” color=”brown”]Small Button[/button]
[button link=”#” size=”medium” color=”brown”]Medium Button[/button]
[button link=”#” size=”large” color=”brown”]Large Button[/button]
[/three_last]

[clear]

[three]
[button link=”#” color=”blue”]Small Button[/button]
[button link=”#” size=”medium” color=”blue”]Medium Button[/button]
[button link=”#” size=”large” color=”blue”]Large Button[/button]
[/three]

[three]
[button link=”#” color=”mediumblue”]Small Button[/button]
[button link=”#” size=”medium” color=”mediumblue”]Medium Button[/button]
[button link=”#” size=”large” color=”mediumblue”]Large Button[/button]
[/three]

[three_last]
[button link=”#” color=”darkblue”]Small Button[/button]
[button link=”#” size=”medium” color=”darkblue”]Medium Button[/button]
[button link=”#” size=”large” color=”darkblue”]Large Button[/button]
[/three_last]

[clear]

[three]
[button link=”#” color=”limegreen”]Small Button[/button]
[button link=”#” size=”medium” color=”limegreen”]Medium Button[/button]
[button link=”#” size=”large” color=”limegreen”]Large Button[/button]
[/three]

[three]
[button link=”#” color=”” color=”teal”]Small Button[/button]
[button link=”#” size=”medium” color=”teal”]Medium Button[/button]
[button link=”#” size=”large” color=”teal”]Large Button[/button]
[/three]

[three_last]
[button link=”#” color=”darkgreen”]Small Button[/button]
[button link=”#” size=”medium” color=”darkgreen”]Medium Button[/button]
[button link=”#” size=”large” color=”darkgreen”]Large Button[/button]
[/three_last]

[clear]

[three]
[button link=”#” color=”red”]Small Button[/button]
[button link=”#” size=”medium” color=”red”]Medium Button[/button]
[button link=”#” size=”large” color=”red”]Large Button[/button]
[/three]

[three]
[button link=”#” color=”darkred”]Small Button[/button]
[button link=”#” size=”medium” color=”darkred”]Medium Button[/button]
[button link=”#” size=”large” color=”darkred”]Large Button[/button]
[/three]

[three_last]
[button link=”#” color=”orange”]Small Button[/button]
[button link=”#” size=”medium” color=”orange”]Medium Button[/button]
[button link=”#” size=”large” color=”orange”]Large Button[/button]
[/three_last]

[clear]

[one]
[button link=”#” color=”theme”]Small Button[/button]
[button link=”#” size=”medium” color=”theme”]Medium Button[/button]
[button link=”#” size=”large” color=”theme”]Large Button[/button]
[/one]

[clear]

[toggle title=”Options & Code”]

Example

[[button link="#" color="darkblue"]Click Here[/button]]

Options

Option	Values	Default Value	Required	Description
link			Yes	The link your button goes to
color	theme, yellow, darkgrey, blue, darkblue, mediumblue, red, limegreen, teal, brown, orange			The colour of your button
size	small, medium, large	medium		The size of your button
target	_self, _blank			Choose whether the link opens in a new window

[/toggle]

[divider]

Lists

[three][list] [li type=”fa fa-caret-right”]List 1[/li] [li type=”fa-caret-right”]List 2[/li] [li type=”fa-caret-right”]List 3[/li] [/list][/three]

[three][list] [li type=”fa-check”]List 1[/li] [li type=”fa-check”]List 2[/li] [li type=”fa-check”]List 3[/li] [/list][/three]

[three_last][list] [li type=”fa-thumbs-up”]List 1[/li] [li type=”fa-thumbs-up”]List 2[/li] [li type=”fa-thumbs-up”]List 3[/li] [/list][/three_last]

[clear]

[toggle title=”Options & Code”]

Example

[[list] [li type="fa-caret-right"]List 1[/li] [li type="fa-caret-right"]List 2[/li] [li type="fa-caret-right"]List 3[/li] [/list]]

Options

Option	Values	Default Value	Required	Description
type	Use any of the icon names here	fa-caret-right		The bullet style for list items

[/toggle]

[divider]

Notifications

[notification type=”default”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in. Ut quis lacus vitae sem sodales facilisis. Morbi vel ipsum eget nulla vestibulum pulvinar. Fusce quis orci massa, sit amet hendrerit nibh. ivamus luctus, quam quis dapibus molestie, turpis dui semper lorem, id ultrices turpis enim et sapien. Suspendisse potenti.[/notification]

[two] [notification type=”help”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in.[/notification]

[notification type=”success”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in.[/notification] [/two]

[two_last] [notification type=”error”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in.[/notification]

[notification type=”warning”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet nunc nisl. Morbi eu auctor libero. In facilisis faucibus sapien, ac adipiscing magna tristique in.[/notification] [/two_last]

[clear]

[toggle title=”Options & Code”]

Example

[[notification type="default"]Insert text here[/notification]]

Options

Option	Values	Default Value	Required	Description
type	default, warning, error, help, success	default		The type of notification

[/toggle]

[divider]

[two]

Dividers

[divider]
[[divider]]

[top_divider]
[[top_divider]]

[small_divider]
[[small_divider]]

[clear]
There’s nothing to see here! This divider breaks up content without any visible divider.
[[clear]]
[/two]

[two_last]

Dropcaps

[dropcap_1]D[/dropcap_1]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.[clear]
[dropcap_2]D[/dropcap_2]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.[clear]
[dropcap_3]D[/dropcap_3]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.[clear]
[dropcap_4]D[/dropcap_4]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.[clear]
[dropcap_5]D[/dropcap_5]istinctively customize next-generation relationships via focused e-services. Dramatically. Progressively utilize ubiquitous infrastructures and team building partnerships.

[clear]

[toggle title=”Options & Code”]

Example

[[dropcap_1]I[/dropcap_1]]nsert your text here

Options

Option	Values	Default Value	Required	Description
color				The dropcap text colour

[/toggle]

[/two_last]

[divider]

Galleries

This is a standard WordPress shortcode, for the full list of options click here.

[clear]

Normal Gallery

[gallery columns="5"]

Gallery With Lightbox Support

[gallery columns="5" itemtag="div" link="file"]

[divider]

[two]

Login Form

[login]

[clear]

[toggle title=”Options & Code”]

Example

[[login]]

Options

Option	Default Value	Description
username	Username	Username text label
password	Password	Password text label
redirect		The page URL to redirect to after login

[/toggle]
[/two]

[two_last]

Register Form

[register]

[clear]

[toggle title=”Options & Code”]

Example

[[register]]

Options

Option	Default Value	Description
username	Username	Username text label
email	Email	Email text label
redirect		The page URL to redirect to after registering

[/toggle]
[/two_last]

[divider]

Logged In/Out

[logged_in]Can only see this content when logged in.[/logged_in]

[[logged_in]Can only see this content when logged in.[/logged_in]]

[clear]

[logged_out]Can only see this content when logged out.[/logged_out]

[[logged_out]Can only see this content when logged out.[/logged_out]]

[divider]

Grid Posts

[posts image_width=”442″ image_height=”150″ cols=”3″ per_page=”3″ excerpt_length=”100″ pagination=”false” meta=”false” title_size=”18″]

[clear]

[toggle title=”Options & Code”]

Example

[[posts header="" header_link="" rss="" color="" post_type="post" cats="" ids="" images="true" image_width="533" image_height="200" image_wrap="false" hard_crop="false" cols="2" per_page="6" offset="0" link="both" pages="true" orderby="date" order="desc" content_display="excerpt" excerpt_length="400" read_more="true" title="true" title_size="" title_font="" title_length="500" meta="true" meta_author="true" meta_date="true" meta_cats="true" meta_tags="true" score="true" spacing="spacing-normal" classes=""]]

Options

Option	Values	Default Value	Description
header			The header text for your grid posts
header_link			The header text link for your featured posts (added since v2.0)
rss			The RSS feed for your grid posts header
color			The colour of your grid posts header
post_type	post, page (or a custom post type e.g. slide)	post	The post types to display
cats			The post category slugs to display
ids			The post/page IDs to display
images	true, false	true	Choose whether to display the featured images
image_width		533	The featured image width
image_height		200	The featured image height
image_wrap	true, false	false	Choose whether to wrap text around your featured images
hard_crop	true, false	false	Choose whether to hard crop the images
cols		2	The number of post columns
per_page		6	The number of posts per page
offset		0	Choose how any posts to offset by
link	both, title, image, none	both	Choose which part of your posts link to your URL
pages	true, false	true	Choose whether to display page numbers
orderby	date, title, rand, score	date	Choose the order criteria for your posts
order	desc, asc	desc	Choose how to order your posts
content_display	excerpt, full	excerpt	Choose whether to display the full content or an excerpt
excerpt_length		400	The number of characters in your excerpts
read_more	true, false	true	Choose whether to display the Read More link
title	true, false	true	Choose whether to display your post titles
title_length		500	The number of characters in your title
title_size			The size of the title font (px)
title_font			The font family of the title font (e.g. title_font=”Helvetica”)
meta	true, false	true	Choose whether to display the post meta data
meta_author	true, false	true	Choose whether to display the post author
meta_date	true, false	true	Choose whether to display the post date
meta_cats	true, false	true	Choose whether to display the post categories
meta_tags	true, false	true	Choose whether to display the post tags
score	true, false	true	Choose whether to display the post scores
spacing	spacing-normal, spacing-small	spacing-normal	Choose whether the spacing for posts is normal or small
classes			If you wish to style particular content element differently, then add a class name and then refer to it in your css file.

[/toggle]

[divider]

[related_posts ids=”138″ per_page=”4″]

[clear]

[toggle title=”Options & Code”]

Example

[[related_posts header="Related Posts" post_type="post" cats="" ids="" width="1110" height="" images="true" image_width="546" image_height="350" image_wrap="false" hard_crop="false" per_page="30" offset="0" link="both" max_visible="4" circular="false" speed="0" swipe="true" buttons="true" orderby="rand" order="desc" content_display="excerpt" excerpt_length="0" read_more="true" title="true" title_length="40" meta="false" meta_author="true" meta_date="true" meta_cats="true" meta_tags="true" score="true" classes=""]]

Options

Option	Values	Default Value	Description
header		Related Posts	The header text for your related posts
post_type	post, page (or a custom post type e.g. slide)	post	The post type to display
cats			The post category slugs to display
ids			Enter the IDs of posts, any posts with matching posts tags will be displayed (not required when used within posts/pages)
images	true, false	true	Choose whether to display the featured images
image_width		546	The featured image width
image_height		350	The featured image height
image_wrap	true, false	false	Choose whether to wrap text around your featured images
hard_crop	true, false	false	Choose whether to hard crop the images
per_page		30	The number of posts in your carousel
offset		0	Choose how any posts to offset by
link	both, title, image, none	both	Choose which part of your posts link to your URL
max_visible		4	The maximum number of visible items in your carousel
circular	true, false	false	Choose whether the carousel scrolls through to the first post again
speed		0	The speed of your carousel
swipe	true, false	true	Choose whether to enable touch swipe on mobile and tablet devices
buttons	true, false	true	Choose whether to show the carousel buttons
orderby	date, title, rand, score	rand	Choose the order criteria for your posts
order	desc, asc	desc	Choose how to order your posts
content_display	excerpt, full	excerpt	Choose whether to display the full content or an excerpt
excerpt_length		0	The number of characters in your excerpts
title	true, false	true	Choose whether to display your post titles
title_length		40	The number of characters in your title
meta	true, false	false	Choose whether to display the post meta data
meta_author	true, false	false	Choose whether to display the post author
meta_date	true, false	false	Choose whether to display the post date
meta_cats	true, false	false	Choose whether to display the post categories
meta_tags	true, false	true	Choose whether to display the post tags
score	true, false	true	Choose whether to display the post scores
classes			If you wish to style particular content element differently, then add a class name and then refer to it in your css file.

[/toggle]

[divider]

Sliders

[slider width=”670″ height=”280″ align=”alignleft”]

[clear]

[toggle title=”Options & Code”]

Example

[[slider post_type="slide" cats="" ids="" width="1110" height="400" hard_crop="false" per_page="-1" offset="" effect="fade" timeout="6" orderby="menu_order" order="asc" buttons="true" score="true" content_display="excerpt" excerpt_length="100" title="true" title_length="40" margins="" align="aligncenter" classes=""]]

Options

Option	Values	Default Value	Description
post_type	post, page (or a custom post type e.g. slide)	slide	The post type to display
cats			The slugs of the slider and/or post categories to display
ids			The post/page IDs to display
width		1110	The width of your slider
height		400	The height of your slider
hard_crop	true, false	false	Choose whether to hard crop the images
per_page		-1	The number of slides in your slider (set to -1 to display all slides)
offset		0	Choose how any posts to offset by
effect	fade, slide	fade	Choose how slider effect
timeout		6	The number of seconds between each slide
orderby	menu_order, date, title, rand	menu_order	Choose what criteria to sort your slides by
order	asc, desc	desc	Choose how to order your slides
buttons	true, false	true	Choose whether to display the navigation buttons
score	true, false	true	Choose whether to display the post scores
content_display	excerpt, full	excerpt	Choose whether to display the full content or an excerpt
excerpt_length		400	The number of characters in your excerpts
title	true, false	true	Choose whether to display your post titles
title_length		40	The number of characters in your title
margins			The margins around your slider in px, em or % (top,right,bottom,left e.g. 10,20,15,10)
align	alignnone, alignleft, alignright, aligncenter	aligncenter	The alignment of your slider
classes			If you wish to style particular content element differently, then add a class name and then refer to it in your css file.

[/toggle]

[divider]

Text Boxes

[text size=”15″ color=”#999″ text_align=”text-center”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ultricies magna nec tortor consequat vel auctor augue interdum. Nunc volutpat risus a libero condimentum sit amet placerat nisi feugiat. Morbi euismod suscipit enim, vitae hendrerit elit cursus et. Aenean eu enim a mauris convallis venenatis vel vitae magna. Nam rhoncus, enim dignissim dapibus euismod, magna nisi semper diam, vitae auctor diam lectus nec enim. Nam in eros erat. Nam aliquet iaculis lorem, id dignissim neque condimentum ut.[/text]

[clear]

[text size=”28″ line_height=”30px” font=”Georgia, Times New Roman” name=”Bob Jones” company=”MyCompany”]Morbi euismod suscipit enim, vitae hendrerit elit cursus et. Aenean eu enim a mauris convallis venenatis vel vitae magna.[/text]

[clear]

[toggle title=”Options & Code”]

Example

[[text size="28" line_height="30px" font="Georgia, Times New Roman" name="Bob Jones" company="MyCompany"]Morbi euismod suscipit enim, vitae hendrerit elit cursus et. Aenean eu enim a mauris convallis venenatis vel vitae magna.[/text]]

Options

Option	Values	Default Value	Description
size			The font size of your text
width			The width of your text box in px, em or %
height			The height of your text box in px, em or %
line_height			The line height of your text in px, em or %
color			The colour of your text
font			The font family of your text
margins			The margins of your text box in px, em or % (top,right,bottom,left e.g. 10,20,15,30)
text_align	text-left, text-center, text-right		The alignment of your text
align	alignone, alignleft, aligncenter, alignright	alignnone	The alignment of your text text box
other			Add any other styling you want to apply to your text box (e.g. other=”font-weight: bold;”)
name			Enter a name for quotes
company			Enter a company for quotes

[/toggle]

[divider]

Toggle Boxes

[toggle title=”Efficiently evisculate ubiquitous data for client-centered core competencies”]Collaboratively grow cost effective benefits before principle-centered catalysts for change. Credibly morph next-generation alignments and progressive schemas. Competently simplify efficient synergy whereas stand-alone web services. Intrinsicly facilitate emerging action items via one-to-one outsourcing. Objectively coordinate diverse alignments and best-of-breed total linkage.[/toggle]

[toggle title=”Uniquely foster end-to-end scenarios through”]Phosfluorescently incentivize vertical functionalities without market positioning scenarios. Progressively innovate unique methodologies with high-quality alignments. Objectively. Assertively morph competitive architectures whereas real-time markets. Progressively plagiarize high-payoff networks with plug-and-play products. Efficiently fashion bleeding-edge experiences via.[/toggle]

[clear]

[toggle title=”Options & Code”]