X

Offcanvas

Need something to give your website a bit more oomph? Then you're in the right place.

Buttons

Default Buttons Styles

{button title="" link="#" color="btn-default"}Default{/button}
{button title="" link="#" color="btn-primary"}Primary{/button}
{button title="" link="#" color="btn-success"}Success{/button}
{button title="" link="#" color="btn-info"}Info{/button}
{button title="" link="#" color="btn-warning"}Warning{/button}
{button title="" link="#" color="btn-danger"}Danger{/button}

Buttons Alternative Styles

{button title="" style="btn-alt" link="#" color="btn-default"}Default{/button}
{button title="" style="btn-alt" link="#" color="btn-primary"}Primary{/button}
{button title="" style="btn-alt" link="#" color="btn-success"}Success{/button}
{button title="" style="btn-alt" link="#" color="btn-info"}Info{/button}
{button title="" style="btn-alt" link="#" color="btn-warning"}Warning{/button}
{button title="" style="btn-alt" link="#" color="btn-danger"}Danger{/button}

Buttons Sizes

{button title="" link="#" color="btn-primary" size="btn-xs"}Default{/button}
{button title="" link="#" color="btn-primary" size="btn-sm"}Default{/button}
{button title="" link="#" color="btn-primary" size="btn-md"}Default{/button}
{button title="" link="#" color="btn-primary" size="btn-lg"}Default{/button}

Buttons with Icons

{button title="" link="#" color="btn-default"}
  {icon-avendor name="chat-1" class="iconleft"}Default Left
{/button}

{button title="" link="#" color="btn-primary"}
  Primary Right{icon-fa name="fa-space-shuttle" class="iconright"}
{/button}

{button title="" link="#" color="btn-success" style="btn-alt"}
  {icon-avendor name="atom" class="iconleft"}Success Left
{/button}

{button title="" link="#" color="btn-info" style="btn-alt"}
  Info Right{icon-avendor name="pin-2" class="iconright"}
{/button}

Buttons with Livicons

{button title="" link="#" color="btn-default"}
  {icon-livicon ... class="iconleft"}Default Left
{/button}

{button title="" link="#" color="btn-primary"}
  Primary Right{icon-livicon ... class="iconright"}
{/button}

{button title="" link="#" color="btn-success" style="btn-alt"}
  {icon-livicon ... class="iconleft"}Success Left
{/button}

{button title="" link="#" color="btn-info" style="btn-alt"}
  Info Right{icon-livicon ... class="iconright"}
{/button}

Buttons with Functions

{button link="image.jpg" color="btn-default" lightbox="image"}Image{/button}

{button title="Tooltip Text here" link="#" color="btn-primary" class="ToolTip" data="data-opie-position='tl:bl'"}Tooltip{/button}

{button link="vimeo.com" color="btn-success" lightbox="video"}Vimeo{/button}

{button title="" link="http://www.ws-theme.com" color="btn-info" style="btn-alt" target="_blank"}New Window{/button}

{button link="#" color="btn-warning" style="btn-alt"}
  {icon-fa name="fa-thumbs-up" class="iconleft"}
  {counter-text value="1350"} Fans
{/button}
Style Switcher

This Demo Panel show only a minimum of the huge available Backend Options of this Theme


Wide Boxed
Multipage Onepage
Shortcode System