Fancy Buttons

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]