A shortcode is a short bits or more specifically a shortcut code that can be embedded to your posts or pages to display objects that normally require a lots of complicated, ugly code in just one line and our themes have an in-built set of shortcodes that you can use to improved the looks, functionality and interactivity of your content. Below are the available shortcodes that you can used.

Button Varieties.



Code:

[button type="info" size="large" icon="file" link="http://example.com"]Button Text Here[/button]
Parameters:

type: Choose either info, success, warning, danger or inverse.
size: Choose either mini, small, default or large.
icon: Input the name from 140 available icons here.
link: Complete url where you want to redirect.

Tabbed Content.



Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit placeat voluptate quaerat facere aliquid animi aliquam reiciendis ducimus autem nam non nobis veritatis dolor obcaecati numquam cumque eos adipisci aspernatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eligendi quos quae blanditiis consequuntur consequatur esse saepe at maxime illum adipisci quasi fugiat est. Saepe eius delectus quas cupiditate explicabo.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eligendi quos quae blanditiis consequuntur consequatur esse saepe at maxime illum adipisci quasi fugiat est. Saepe eius delectus quas cupiditate explicabo.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eligendi quos quae blanditiis consequuntur consequatur esse saepe at maxime illum adipisci quasi fugiat est. Saepe eius delectus quas cupiditate explicabo.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eligendi quos quae blanditiis consequuntur consequatur esse saepe at maxime illum adipisci quasi fugiat est. Saepe eius delectus quas cupiditate explicabo.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eligendi quos quae blanditiis consequuntur consequatur esse saepe at maxime illum adipisci quasi fugiat est. Saepe eius delectus quas cupiditate explicabo.

Code:

[tab start="1"]
	[tabtitle]Tab Item 01 Title[/tabtitle]
	[tabcontent]Your tab Item Content[/tabcontent]
	[tabtitle]Tab Item 02 Title[/tabtitle]
	[tabcontent]Your tab Item Content[/tabcontent]
[/tab]
Parameters:

start: Input the corresponding tab number of tab you want to show first.

Toggled Content.



Stet clita kasd gubergren, no sea takimata sanctus est. Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Code:

[toggle title="Toggled Content Title" state="open"]The toggled content here[/toggle]
Parameters:

title: The header title of your content.
state: Choose either open if you want to show the content by default or close if you want to hide it by default.

Accordion Content.



At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Code:

[accordion]
[item title="Accordion Item 01 Title"]Your content goes here[/item]
[item title="Accordion Item 02 Title"]Your content goes here[/item]
[item title="Accordion Item 03 Title"]Your content goes here[/item]
[/accordion]
Parameters:

title: The header title for each accordion item.

Content Boxes.



Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Sanctus sea sed takimata ut vero voluptua.
Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Sanctus sea sed takimata ut vero voluptua.
Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Sanctus sea sed takimata ut vero voluptua.
Code:

[box type="info" close_button="yes"]Your content goes here[/box]
Parameters:

type: Choose either default, info, error or success.
close_button: Input yes if you want to include close button and no if not.

Tooltips and Popovers.



Lorem ipsum dolor sit amet, consectetur adipisicing elit (hover me). Officiis mollitia quibusdam inventore rem excepturi assumenda quasi. Magnam inventore maiores repudiandae libero cumque laborum illo esse commodi nam animi facilis necessitatibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit (hover me). Officiis mollitia quibusdam (click me) inventore rem excepturi assumenda quasi. Magnam inventore maiores repudiandae libero cumque laborum illo esse commodi nam animi facilis necessitatibus.

Code for Tooltip:

[tooltip position="top" text="tooltip text goes here"]Sample Text[/tooltip]
Parameters for Tooltip:

position: Choose either top, bottom, left or right.
text: Input the text you want to display.
Code for Popover:

[popover position="top" trigger="click" title="Popover Title Here" text="popover content goes here"]Sample Text[/popover]
Parameters for Popover:

position: Choose either top, bottom, left or right.
trigger: Choose either click or hover on how to activate popover.
title: Input the header title of your popover.
text: Input the text you want to display.

Dropcaps and Highlights.



Sanctus sea sed takimata ut vero voluptua. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy laoreet dolore magna aliquam nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Code for Dropcap:

[dropcap color="red" size="30"]S[/dropcap]ome Text
Parameters for Dropcap:

color: Input a text color you want for your dropcap.
size: Input font size you want for your dropcap.
Code for Highlight:

[highlight color="black" bgcolor="white"]Some text[/highlight] goes here
Parameters for Highlight:

color: Input a text color you want for your highlighted text.
bgcolor: Input a background color you want for your highlighted text.

Quotes.



What a computer is to me is the most remarkable tool that we have ever come up with. It’s the equivalent of a bicycle for our minds. Steven P. Jobs
Code:

[quote source="Quote Author"]Your quotes goes here.[/quote]
Parameters:

side: Choose either left or right.
source: Input the source name of your quote.

Image Carousel.



Code:

[carousel width="900" height="400"]
[image src="http://example.com/image1.jpg"]Description of your image goes here. You may use these HTML tags as well.[/image]
[image src="http://example.com/image1.jpg"]Description of your image goes here. You may use these HTML tags as well.[/image]
[/carousel]
Parameters:

width: Input the carousel's width.
height: Input the carousel's height.
src: Input the complete url of your image source.


Return To Documentation Page