Shortcodes

[infobox]Almost all shortcodes are flexible, you can add css class or style attributes to further customize the design. In fact, you can add any attribute you want and it will be added in the rendered shortcode. For example:

[code]

[button class=’my-button’ style=’background: #abc’]

[/code]

[/infobox]

[titlebox button=”Get it now” link=”#” title=”Titlebox with a Button” icon=”download-alt”]

Now updated and enhanced for more flexibility and even more features! Get this premium, multilingual, responsive WordPress theme now only from ThemeForest!

[/titlebox]

[code]

[titlebox button=”Get it now” link=”#” title=”Titlebox with a Button” icon=”download-alt”]
 
Now updated and enhanced for more flexibility and even more features! Get this premium, multilingual, responsive WordPress theme now only from ThemeForest!
 
[/titlebox]

[/code]

[titlebox title=”Titlebox with Text Only”]

Now updated and enhanced for more flexibility and even more features! Get this premium, multilingual, responsive WordPress theme now only from ThemeForest!

[/titlebox]

[code]

[titlebox title=”Titlebox with Text Only”]
 
Now updated and enhanced for more flexibility and even more features! Get this premium, multilingual, responsive WordPress theme now only from ThemeForest!
 
[/titlebox]

[/code]

[spacer]

[col2]

Buttons


[button href=’#’ label=’Button’]

[button href=’#’ label=’Button with Icon’ icon=’download’ size=’large’]

[button href=’#’ newwindow=’true’ size=’small’ bg=’LightSlateGrey’ color=’#fff’]

[code]

[button href=’#’ label=’Button’]

[button href=’#’ label=’Button with Icon’ icon=’download’ size=’large’]

[button href=’#’ newwindow=’true’ size=’small’ bg=’LightSlateGrey’ color=’#fff’]

[/code]

[/col2]

[col2]

Code


[code]

<!DOCTYPE html>
<html lang=”en-US”>
</html>
<body>
</body>

[/code]

[code][code]…[/code][/code]

[/col2]

[spacer]

Contact Form


[contactform]

[code][contactform][/code]

[spacer]

[col2]

Spacer


[infobox]A spacer is a 10-pixel high gap which you can use for layouting[/infobox]

[code][spacer][/code]

[/col2]

[col2]

Infoboxes


[infobox]This is a normal infobox[/infobox]

[infobox type=’notice’]This is a notice infobox[/infobox]

[infobox type=’error’]This is an error infobox[/infobox]

[infobox type=’success’]This is a success infobox[/infobox]

[code]

[infobox]This is a normal infobox[/infobox]

[infobox type=’notice’]This is a notice infobox[/infobox]

[infobox type=’error’]This is an error infobox[/infobox]

[infobox type=’success’]This is a success infobox[/infobox]

[/code]

[/col2]

[spacer]

[col2]

Dropcaps


[dropcaps]L[/dropcaps]orem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at.

[dropcaps colored=’true’]L[/dropcaps]orem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at.

[code][dropcaps]L[/dropcaps]orem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at.

[dropcaps colored=’true’]L[/dropcaps]orem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at.[/code]

[/col2]

[col2]

Bullet Lists


[infobox]You can use any icon as a bullet[/infobox]

[list]

[li]Bullet item[/li]

[li type=’remove’]Bullet item[/li]

[li type=’ok’]Bullet item[/li]

[li type=’star’]Bullet item[/li]

[/list]

[code][list]

[li]Bullet item[/li]

[li type=’remove’]Bullet item[/li]

[li type=’ok’]Bullet item[/li]

[li type=’star’]Bullet item[/li]

[/list][/code]

[/col2]

[spacer]

[col2]

QR Code


[qr data=’http://gambit.ph’ width=’150′ height=’150′]

[code][qr data=’http://gambit.ph’ width=’150′ height=’150′][/code]

[/col2]

[col2]

Share Buttons


[sharebuttons]

[code][sharebuttons][/code]

[/col2]

[spacer]

[col2]

Toggle


[toggle title=’Toggle’]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat.[/toggle]

[toggle title=’Toggle Colored’ colored=’true’ startopen=’true’]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat.[/toggle]

[code]

[toggle title=’Toggle’]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat.[/toggle]

[toggle title=’Toggle Colored’ colored=’true’ startopen=’true’]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget faucibus dui. Praesent vulputate sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat.[/toggle]

[/code]

[/col2]

[col2]

Highlight & Tooltip


Lorem ipsum dolor sit amet, [tooltip text=’A tooltip!’][highlight]consectetur[/highlight][/tooltip] adipiscing elit. Donec eget faucibus dui. [tooltip text=’Another tooltip!’][highlight colored=’true’]Praesent vulputate[/highlight][/tooltip] sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat. Morbi lacinia lectus eget justo scelerisque in lobortis ligula ultrices. [tooltip text=’One more tooltip!’][highlight]Nullam ut diam[/highlight][/tooltip] vel sem euismod aliquam sit amet a nunc.

[code]

Lorem ipsum dolor sit amet, [tooltip text=’A tooltip!’][highlight]consectetur[/highlight][/tooltip] adipiscing elit. Donec eget faucibus dui. [tooltip text=’Another tooltip!’][highlight colored=’true’]Praesent vulputate[/highlight][/tooltip] sodales augue, in interdum augue placerat at. Duis et varius mi. Aliquam erat volutpat. Morbi lacinia lectus eget justo scelerisque in lobortis ligula ultrices. [tooltip text=’One more tooltip!’][highlight]Nullam ut diam[/highlight][/tooltip] vel sem euismod aliquam sit amet a nunc.

[/code]

[/col2]

Leave a Reply

Your email address will not be published. Required fields are marked *