Buttons

Small Buttons

[button  href=””]Default button[/button] [button  href=”” bgcolor=”black”]Black button[/button] [button bgcolor=”red”]Red button[/button] [button bgcolor=”azure”]Azure button[/button] [button bgcolor=”green”]Green button[/button] [button bgcolor=”grey”]Grey button[/button] [button bgcolor=”yellow”]Yellow button[/button] [button bgcolor=”pink”]Pink button[/button]

[toggle title=”Get the code” hidden=”true”]

[[button bgcolor=”red”]Red button[/button]]

[/toggle]

 

Medium Buttons

[button size=”medium”]Default button[/button] [button size=”medium” bgcolor=”black”]Black button[/button] [button size=”medium” bgcolor=”red”]Red button[/button] [button size=”medium” bgcolor=”azure”]Azure button[/button] [button size=”medium” bgcolor=”green”]Green button[/button] [button size=”medium” bgcolor=”grey”]Grey button[/button] [button size=”medium” bgcolor=”yellow”]Yellow button[/button] [button size=”medium” bgcolor=”pink”]Pink button[/button]

[toggle title=”Get the code” hidden=”true”]

[[button size=”medium” bgcolor=”black”]Black button[/button]]

[/toggle]

 

Large Buttons

[button size=”large”]Default button[/button] [button size=”large” bgcolor=”black”]Black button[/button] [button size=”large” bgcolor=”red”]Red button[/button] [button size=”large” bgcolor=”azure”]Azure button[/button] [button size=”large” bgcolor=”green”]Green button[/button] [button size=”large” bgcolor=”grey”]Grey button[/button] [button size=”large” bgcolor=”yellow”]Yellow button[/button] [button size=”large” bgcolor=”pink”]Pink button[/button]

[toggle title=”Get the code” hidden=”true”]

[[button size=”large” bgcolor=”azure”]Azure button[/button]]

[/toggle]

 

Rounded Small Buttons

[button type=”rounded-button”]Default button[/button] [button bgcolor=”black” type=”rounded-button”]Black button[/button] [button bgcolor=”red” type=”rounded-button”]Red button[/button] [button bgcolor=”azure” type=”rounded-button”]Azure button[/button]
[button bgcolor=”green” type=”rounded-button”]Green button[/button] [button bgcolor=”grey” type=”rounded-button”]Grey button[/button] [button bgcolor=”yellow” type=”rounded-button”]Yellow button[/button] [button bgcolor=”pink” type=”rounded-button”]Pink button[/button]

[toggle title=”Get the code” hidden=”true”]

[[button bgcolor=”grey” type=”rounded-button”]Grey button[/button]]

[/toggle]

 

Rounded Medium Buttons

[button size=”medium” type=”rounded-button”]Default button[/button] [button size=”medium” type=”rounded-button” bgcolor=”black”]Black button[/button] [button size=”medium” type=”rounded-button” bgcolor=”red”]Red button[/button] [button size=”medium” type=”rounded-button” bgcolor=”azure”]Azure button[/button] [button size=”medium” type=”rounded-button” bgcolor=”green”]Green button[/button] [button size=”medium” type=”rounded-button” bgcolor=”grey”]Grey button[/button] [button size=”medium” type=”rounded-button” bgcolor=”yellow”]Yellow button[/button] [button size=”medium” type=”rounded-button” bgcolor=”pink”]Pink button[/button]

[toggle title=”Get the code” hidden=”true”]

[[button size=”medium” type=”rounded-button” bgcolor=”yellow”]Yellow button[/button]]

[/toggle]

 

Rounded Large Buttons

[button size=”large” type=”rounded-button”]Default button[/button] [button size=”large” type=”rounded-button” bgcolor=”black”]Black button[/button] [button size=”large” type=”rounded-button” bgcolor=”red”]Red button[/button] [button size=”large” type=”rounded-button” bgcolor=”azure”]Azure button[/button] [button size=”large” type=”rounded-button” bgcolor=”green”]Green button[/button] [button size=”large” type=”rounded-button” bgcolor=”grey”]Grey button[/button] [button size=”large” type=”rounded-button” bgcolor=”yellow”]Yellow button[/button] [button size=”large” type=”rounded-button” bgcolor=”pink”]Pink button[/button]

[toggle title=”Get the code” hidden=”true”]

[[button size=”large” type=”rounded-button” bgcolor=”pink”]Pink button[/button]]

[/toggle]

 

Completely Flexible and Customisable

[button href=”http://” target=”_self” size=”medium” bgcolor=”green” type=”button”]All Buttons are Completely Flexible…[/button]

[button href=”http://” id=”” class=”” target=”_self” size=”small” border_color=”” color=”#ffffff” bgcolor=”#000000″ type=”button”]Content goes here…[/button]

[divider type=”type_1″]

Predefined bgcolors available: yellow, azure, red, black, green, pink, grey

[info]

List of possible attributes:

  • target- Link target (_blank, _self)
  • href – Url (http://www.example.com/)
  • class – Custom button class which you can use to style it differently
  • size – Button size (small, medium, large)
  • border_color – Button border color
  • bgcolor – Button background color
  • type – Type (button, rounded-button)

[/info]

Leave a Reply