All shortcode can be inserted in a page via a Shortcode Generator.

Click a button, fill the form and that’s it! You don’t need to code anything!

Ratings

[rating score="2"]
[rating score="4.5"]

You can although add a rating directly into a block of text:

Lorem ipsum dolor sit amet,  consectetur adipiscing elit. In quis rutrum erat. Pellentesque blandit metus odio. Aliquam lobortis consequat lorem id ultricies.

Dropcaps

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis rutrum erat. Pellentesque blandit metus odio. Aliquam lobortis consequat lorem id ultricies. Nullam eget tortor turpis, eu varius tellus. In varius ullamcorper nisi eu malesuada. Nam magna dui, commodo a varius ac, aliquet vel ligula. Phasellus malesuada massa eget eros ullamcorper dictum eget et dui. Nunc id leo sit amet enim eleifend aliquet.

[dropcap]L[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit.

Boxes

Colored boxes

I am a Coffee box

Nullam eget tortor turpis, eu varius tellus. In varius ullamcorper nisi eu malesuada. Nam magna dui, commodo a varius ac, aliquet vel ligula. Phasellus malesuada massa eget eros ullamcorper dictum eget et dui. Nunc id leo sit amet enim eleifend aliquet.

I am a Cream box

Nullam eget tortor turpis, eu varius tellus. In varius ullamcorper nisi eu malesuada. Nam magna dui, commodo a varius ac, aliquet vel ligula. Phasellus malesuada massa eget eros ullamcorper dictum eget et dui. Nunc id leo sit amet enim eleifend aliquet.

I am a Sugar box

Nullam eget tortor turpis, eu varius tellus. In varius ullamcorper nisi eu malesuada. Nam magna dui, commodo a varius ac, aliquet vel ligula. Phasellus malesuada massa eget eros ullamcorper dictum eget et dui. Nunc id leo sit amet enim eleifend aliquet.

You can although create boxes with the custom colors which can be set in the theme options:

I am a Yellow box

Nullam eget tortor turpis, eu varius tellus. In varius ullamcorper nisi eu malesuada. Nam magna dui, commodo a varius ac, aliquet vel ligula. Phasellus malesuada massa eget eros ullamcorper dictum eget et dui. Nunc id leo sit amet enim eleifend aliquet.

 

[box color="red" title="I am a Red box" icon=""]Nullam eget tortor turpis, eu varius tellus. [/box]

Code Box

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css">

Buttons

You can create buttons with Coffee StyleCream Style and  Sugar Style

But you can although use the colors, which can be customized from theme options:

red button  green button  blue button  orange button gray button pink button  purple button  yellow button white button black button

[button color="primary" url="#" icon=""]I am a primary-color button[/button]

Text Highlight

Aenean at augue lorem, non elementum augue. Donec suscipit libero id ante gravida et semper diam fermentum. Donec volutpat tincidunt orci vel auctor. Phasellus a sapien dui, et posuere nisl. Mauris porttitor dui id magna ultricies eu facilisis enim pulvinar. In eleifend nisl eget sapien viverra viverra. Sed pretium, nisi non dapibus fringilla, lacus felis placerat nulla, at malesuada lacus sem in ligula.

[highlight color="green"]Phasellus a sapien dui[/highlight], et posuer

Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at sapien vitae elit luctus blandit vel quis dui. Aenean ullamcorper lobortis lorem, eu gravida nunc luctus at.

John doe
[blockquote author="John doe" link=""]Lorem ipsum dolor sit amet [/blockquote]

Content Spacer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu elit dolor. Proin lectus enim, luctus id scelerisque non, semper vitae nunc.

Proin ullamcorper, justo nec sagittis tincidunt, libero dolor mattis massa, in euismod sem mi in dolor. Etiam ornare malesuada diam, eu cursus tellus mattis auctor.

[separator]

Toggles

I am a coffee toggle

Duis quis quam quis velit facilisis pulvinar ut non elit. Curabitur eget ligula odio. Pellentesque molestie, ipsum non dignissim mollis, metus nisl gravida quam, vitae cursus quam tellus vitae velit.

I am a cream toggle

Duis quis quam quis velit facilisis pulvinar ut non elit. Curabitur eget ligula odio. Pellentesque molestie, ipsum non dignissim mollis, metus nisl gravida quam, vitae cursus quam tellus vitae velit.

I am a sugar

Duis quis quam quis velit facilisis pulvinar ut non elit. Curabitur eget ligula odio. Pellentesque molestie, ipsum non dignissim mollis, metus nisl gravida quam, vitae cursus quam tellus vitae velit.

I am a green toggle

Duis quis quam quis velit facilisis pulvinar ut non elit. Curabitur eget ligula odio. Pellentesque molestie, ipsum non dignissim mollis, metus nisl gravida quam, vitae cursus quam tellus vitae velit.

 

[toggle title="Title" color="black"]Toggle content[/toggle]

Accordion

Accordion Coffee

Donec suscipit libero id ante gravida et semper diam fermentum. Donec volutpat tincidunt orci vel auctor. Phasellus a sapien dui, et posuere nisl.

Accordion Cream

Donec suscipit libero id ante gravida et semper diam fermentum. Donec volutpat tincidunt orci vel auctor. Phasellus a sapien dui, et posuere nisl.

Accordion Sugar

Donec suscipit libero id ante gravida et semper diam fermentum. Donec volutpat tincidunt orci vel auctor. Phasellus a sapien dui, et posuere nisl.

Accordion Custom color: yellow

Donec suscipit libero id ante gravida et semper diam fermentum. Donec volutpat tincidunt orci vel auctor. Phasellus a sapien dui, et posuere nisl.

[accordions][accordion title="Title1"]Content1 [/accordion] [accordion title="Title2"]Content2 [/accordion][accordion title="Title3"]Content3 [/accordion][/accordions]

Tabs

Aenean at augue lorem, non elementum augue. Donec suscipit libero id ante gravida et semper diam fermentum. Donec volutpat tincidunt orci vel auctor. Phasellus a sapien dui, et posuere nisl. Mauris porttitor dui id magna ultricies eu facilisis enim pulvinar.

In eleifend nisl eget sapien viverra viverra. Sed pretium, nisi non dapibus fringilla, lacus felis placerat nulla, at malesuada lacus sem in ligula. Sed varius sem ut nulla eleifend posuere. Fusce id mauris at massa ullamcorper adipiscing. Proin sagittis dolor a lorem molestie ut interdum neque feugiat.

Proin ante orci, semper cursus luctus in, euismod a velit. Donec in leo est, ut auctor nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec quam purus, elementum vitae auctor at, iaculis vitae lacus. Proin placerat tellus sed dolor auctor tincidunt. Curabitur vel feugiat erat.

[tabs titles="Tab1|Tab2|Tab3"][tab]Tab content 1[/tab][tab]Tab content 2[/tab][tab]Tab content 3[/tab][/tabs]

 

Video Players

Youtube

[video]http://www.youtube.com/watch?v=XV5BQXKNttU[/video]

 

Vimeo

[video]http://vimeo.com/14125865[/video]

 

Dailymotion

[video]http://www.dailymotion.com/video/xs73oq[/video]