Fancy Buttons
In the below shortcode you will see the fancy buttons with sizes small, medium, and large respectively. This theme gives you a huge varition of options for buttons like styles, sizes, background and colors.
Parameters:
size // Select to "small", "medium", or "large" to set the size link // place your URL here linktarget // for opening link in new tab align // set to "left", "right" or "center" to align color // choose a style for your button, for example if you wanted orange hoverbgcolor // change the hover background color of your button by adding this, hoverbgcolor="#000000" hovertextcolor // change the hover text color of your button by adding this, hovertextcolor="#000000" bgcolor // change the background color of your button by adding this, bgcolor = "#000000" textcolor // change the text color of your button by adding this, textcolor = "#000000" fullwidth // check this if you want to display fullwidth button width // use % or px as units for width, do not leave only numbers. button text // place the text you want to display in button
[divider_line]
Sample Buttons With Different Size:
[button color=”orange” size=”large” style=”true”]Large Button[/button] [button color=”orange” size=”medium” style=”true”]Medium Button[/button] [button color=”orange” size=”small” style=”true”]Small Button[/button]
Example:
[button color="orange" size="large" style="true"]Large Button[/button] [button color="orange" size="medium" style="true"]Medium Button[/button] [button color="orange" size="small" style="true"]Small Button[/button]
[divider_line]
Buttons With different Color Variation
[button color=”gray” size=”medium” style=”true”]Gray[/button] [button color=”brown” size=”medium” style=”true”]Brown[/button] [button color=”cyan” size=”medium” style=”true”]Cyan[/button] [button color=”orange” size=”medium” style=”true”]Orange[/button] [button color=”red” size=”medium” style=”true”]Red[/button] [button color=”blue” size=”medium” style=”true”]Blue[/button] [button color=”yellow” size=”medium” style=”true”]Yellow[/button] [button color=”magenta” size=”medium” style=”true”]Magenta[/button]
[button color=”pink” size=”medium” style=”true”]Pink[/button] [button color=”green” size=”medium” style=”true”]Green[/button] [button color=”black” size=”medium” style=”true”]Black[/button] [button color=”white” size=”medium” style=”true”]White[/button]
[divider_line]
Button With Hover Color Option
[button bgcolor=”#004f78″ hoverbgcolor=”#930097″ size=”large” style=”true”]Roll Hover Button[/button]