[fancyheading heading=”h3″ align=”textleft”]Beautiful Flat Buttons[/fancyheading] In the below shortcode you will see the buttons with sizes small, medium, and large respectively.
This theme gives you a huge variation of options for buttons like styles, sizes, background and much more for more features see the parameters below.
[demo_space height=”30px”]
[fancyheading heading=”h4″ align=”textleft”]Buttons with Border Style[/fancyheading] Button Text [demo_space height=”10px”] Button Text [demo_space height=”10px”] Button Text [demo_space height=”10px”]
[fancyheading heading=”h4″ align=”textleft”]Buttons with Flat Style[/fancyheading] Button Text [demo_space height=”10px”] Button Text [demo_space height=”10px”] Button Text [demo_space height=”10px”]
[demo_space height=”30px”] [fancyheading heading=”h4″ align=”textleft”]Buttons With Different Color Variations[/fancyheading] Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text [demo_space height=”30px”] [fancyheading heading=”h4″ align=”textleft”]Buttons With Font Awesome Version 3.2[/fancyheading] Button Text [demo_space height=”0px”] Button Text [demo_space height=”10px”] Button Text [demo_space height=”30px”] [fancyheading heading=”h4″ align=”textleft”]Buttons On Roll Over Color[/fancyheading] Button Text Button Text

Get The Code:
[demo_space height=”20px”] [button bgcolor="#2c3e50" hoverbgcolor="#1abc9c" hovertextcolor="#ffffff" textcolor="#ffffff" size="medium" style="flat" fullwidth="false"]Button Roll Over Color[/button]

Customization Options and Features:
[demo_space height=”20px”] [list style=”square” color=”black”]
  • ID: Optional CSS value.
  • Class: Custom CSS class.
  • Link: Enter link URL.
  • Link Target: Choose option when reader clicks on the link.
  • Lightbox: Check this if you wish to display button Lightbox.
  • Color: Select the color variation.
  • Align: Select the alignment for a button.
  • BG Color: Button background color default state.
  • Text Color: Button Text color default state.
  • Hover BG Color: Button background color on hover state.
  • Hover Text Color: Button Text color on hover state.
  • Button Size: Select the button size.
  • Button Style: Select the button Style.
  • Fullwidth: Check this if you wish to display button in full width and uncheck if you wish to use specific width below.
  • Button Width: Use px or % as units for width, do not leave only integers.
  • Button Text: Type the text you wish to display for button.
[/list]