Customization Options / Features

  • Unlimited buttons on page.
  • Type – Default, red, orange, green, blue, pink, magenta, yellow.
  • Size – Small, medium, large – Default: small.
  • Style – Flat, Gradient – Default: Flat. Flat is no box-shadow button.
  • Rounded – Yes, No – Default: No.
  • Link – Insert the button link. Example: https://themeforest.com/user/themeton
  • Target – Blank, Self.
[divider type=”line” height=”20″]

Get The Code

[[buttons type="default" size="small"]Button[/buttons]]

 Standard Buttons

[buttons type=”default” size=”small” rounded=”no”  link=”#” target=”blank”]Default[/buttons] [buttons type=”red” size=”small” rounded=”no”  link=”#” target=”blank”]Red[/buttons] [buttons type=”orange” size=”small” rounded=”no”  link=”#” target=”blank”]Orange[/buttons] [buttons type=”green” size=”small” rounded=”no”  link=”#” target=”blank”]Green[/buttons] [buttons type=”blue” size=”small” rounded=”no”  link=”#” target=”blank”]Blue[/buttons] [buttons type=”pink” size=”small” rounded=”no”  link=”#” target=”blank”]Pink[/buttons] [buttons type=”magenta” size=”small” rounded=”no”  link=”#” target=”blank”]Magenta[/buttons] [buttons type=”yellow” size=”small” rounded=”no”  link=”#” target=”blank”]Yellow[/buttons] [divider type=”line” height=”20″]

Get The Code

[[buttons type="blue" size="small" style="flat" link="#" target="blank"]Default[/buttons]]

Flat Buttons

[buttons type=”default” size=”small” rounded=”no” style=”flat” link=”#” target=”blank”]Default[/buttons] [buttons type=”red” size=”small” rounded=”no” style=”flat”  link=”#” target=”blank”]Red[/buttons] [buttons type=”orange” size=”small” rounded=”no” style=”flat”  link=”#” target=”blank”]Orange[/buttons] [buttons type=”green” size=”small” rounded=”no” style=”flat”  link=”#” target=”blank”]Green[/buttons] [buttons type=”blue” size=”small” rounded=”no” style=”flat”  link=”#” target=”blank”]Blue[/buttons] [buttons type=”pink” size=”small” rounded=”no” style=”flat”  link=”#” target=”blank”]Pink[/buttons] [buttons type=”magenta” size=”small” rounded=”no” style=”flat”  link=”#” target=”blank”]Magenta[/buttons] [buttons type=”yellow” size=”small” rounded=”no” style=”flat”  link=”#” target=”blank”]Yellow[/buttons] [divider type=”line” height=”20″]

Get The Code

[[buttons type="blue" size="large" style="flat" link="#" target="blank"]Default[/buttons]]

Button Sizes and Variations and Flat

[buttons type=”default” size=”small” rounded=”no” style=”flat” link=”#” target=”blank”]Small Button[/buttons] [buttons type=”red” size=”medium” rounded=”no” style=”flat”  link=”#” target=”blank”]Medium Button[/buttons] [buttons type=”orange” size=”large” rounded=”no” style=”flat”  link=”#” target=”blank”]Large Button[/buttons]

 

[buttons type=”green” size=”small” rounded=”yes” style=”flat”  link=”#” target=”blank”]Small + Rounded Button[/buttons] [buttons type=”blue” size=”medium” rounded=”yes” style=”flat”  link=”#” target=”blank”]Medium + Rounded Button[/buttons] [buttons type=”pink” size=”large” rounded=”yes” style=”flat”  link=”#” target=”blank”]Large + Rounded Button[/buttons] [divider type=”line” height=”20″]

Get The Code

[[buttons type="blue" size="large" style="flat" link="#" target="blank"]Default[/buttons]]

Button Sizes and Variations and Gradient

[buttons type=”default” size=”small” rounded=”no” link=”#” target=”blank”]Small Button[/buttons] [buttons type=”red” size=”medium” rounded=”no” link=”#” target=”blank”]Medium Button[/buttons] [buttons type=”orange” size=”large” rounded=”no” link=”#” target=”blank”]Large Button[/buttons]

 

[buttons type=”green” size=”small” rounded=”yes”  link=”#” target=”blank”]Small + Rounded Button[/buttons] [buttons type=”blue” size=”medium” rounded=”yes”  link=”#” target=”blank”]Medium + Rounded Button[/buttons] [buttons type=”pink” size=”large” rounded=”yes  link=”#” target=”blank”]Large + Rounded Button[/buttons] [divider type=”line” height=”20″]