[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]
[[author]]
[divider]
[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”]
[[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]
[carousel]
[clear]
[toggle title=”Options & Code”]
[[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=""]]
Option | Values | Default Value | Required | 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]
[one]
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]
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.[/two]
[two_last]
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.[/two_last]
[clear]
[[two]Text[/two]] [[two_last]Text[/two_last]]
[clear]
[three type=”separate”]
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.[/three]
[three type=”separate”]
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.[/three]
[three_last type=”separate”]
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.[/three_last]
[clear]
[[three type="separate"]Text[/three]] [[three type="separate"]Text[/three]] [[three_last type="separate"]Text[/three_last]]
[clear]
[four type=”joint”]
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.[/four]
[four_middle type=”joint”]
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.[/four_middle]
[four_middle type=”joint”]
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.[/four_middle]
[four_last type=”joint”]
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.[/four_last]
[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”]
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.[/five]
[five_middle type=”joint”]
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.[/five_middle]
[five_middle type=”joint”]
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.[/five_middle]
[five_middle type=”joint”]
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.[/five_middle]
[five_last type=”joint”]
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.[/five_last]
[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]
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. [/twothirds]
[onethird_last]
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.[/onethird_last]
[clear]
[[twothirds]Text[/twothirds]] [[onethird_last]Text[/onethird_last]]
[clear]
[onefourth]
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.[/onefourth]
[threefourths_last]
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”]
[[two]Insert your text here[/two]] [[two_last]Insert your text here[/two_last]]
Option | Values | Default Value | Required | 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 email=”#”]
[clear]
[toggle title=”Options & Code”]
[[contact email="test@email.com"]]
Option | Values | Default Value | Required | Description |
---|---|---|---|---|
Yes | The email address to send your form to |
[/toggle]
[/two]
[two_last]
[sidebar name=”cs-shortcode-sidebar”]
[clear]
[toggle title=”Options & Code”]
[[sidebar name="Shortcode Sidebar"]]
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]
[featured_posts type=”horizontal”]
[clear]
[toggle title=”Options & Code”]
[[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=""]]
Option | Values | Default Value | Required | 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]
[three type=”separate”]
[image url=”wp-content/uploads/placeholder1.png” width=”200″ height=”200″ align=”alignleft”][/three]
[three type=”separate”]
[image url=”wp-content/uploads/placeholder1.png” width=”200″ height=”200″ align=”aligncenter”][/three]
[three_last type=”separate”]
[image url=”wp-content/uploads/placeholder1.png” width=”200″ height=”200″ align=”alignright”][/three_last]
[clear]
[three type=”separate” height=”236″]
[image url=”wp-content/uploads/placeholder1.png” width=”200″ height=”200″ bottom=”0″ right=”0″ mtop=”20″][/three]
[three type=”separate” height=”236″]
[image url=”wp-content/uploads/placeholder1.png” width=”200″ height=”200″ border=”true”][/three]
[three_last type=”separate” height=”236″]
[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”]
[[image url="" width="" height="" link="" target="_self" border="false" align="alignleft" margins="" alt="" title="" lightbox="false"]]
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]
[clear]
[toggle title=”Options & Code”]
[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]
Option | Values | Default Value | Required | Description |
---|---|---|---|---|
title | Yes | The title of your tab |
[/toggle]
[/two]
[two_last]
[clear]
[toggle title=”Options & Code”]
[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]
Option | Values | Default Value | Required | Description |
---|---|---|---|---|
title | Yes | The title of your accordion panel |
[/toggle]
[/two_last]
[divider]
[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”]
[[button link="#" color="darkblue"]Click Here[/button]]
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]
[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”]
[[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]]
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]
[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”]
[[notification type="default"]Insert text here[/notification]]
Option | Values | Default Value | Required | Description |
---|---|---|---|---|
type | default, warning, error, help, success | default | The type of notification |
[/toggle]
[divider]
[two]
[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]
[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”]
[[dropcap_1]I[/dropcap_1]]nsert your text here
Option | Values | Default Value | Required | Description |
---|---|---|---|---|
color | The dropcap text colour |
[/toggle]
[/two_last]
[divider]
This is a standard WordPress shortcode, for the full list of options click here.
[clear]
[gallery columns="5"]
[gallery columns="5" itemtag="div" link="file"]
[divider]
[two]
[login]
[clear]
[toggle title=”Options & Code”]
[[login]]
Option | Values | Default Value | Required | 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]
[clear]
[toggle title=”Options & Code”]
[[register]]
Option | Values | Default Value | Required | Description |
---|---|---|---|---|
username | Username | Username text label | ||
Email text label | ||||
redirect | The page URL to redirect to after registering |
[/toggle]
[/two_last]
[divider]
[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]
[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”]
[[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=""]]
Option | Values | Default Value | Required | 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”]
[[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=""]]
Option | Values | Default Value | Required | 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]
[slider width=”670″ height=”280″ align=”alignleft”]
[clear]
[toggle title=”Options & Code”]
[[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=""]]
Option | Values | Default Value | Required | 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 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”]
[[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]]
Option | Values | Default Value | Required | 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 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”]
[toggle title="Toggle Title"]Insert your text here[/toggle]
Option | Values | Default Value | Required | Description |
---|---|---|---|---|
title | Yes | The title of your toggle box |
[/toggle]