Buttons and Links

You can generate limitless buttons.

Few buttons:

[su_button url=»#» background=»#ddd» color=»#555″]Button text[/su_button]

[su_button url=»#» background=»#EE4123″ color=»#ffffff»]Button text[/su_button]

[su_button url=»#» background=»#3CBAE3″ color=»#ffffff» ]Button text[/su_button]

[su_button url=»#» background=»#ffd73d» color=»#000000″]Button text[/su_button]

[su_button url=»#» background=»#a81a5e» color=»#ffffff»]Button text[/su_button]

[su_button url=»#» background=»#454b5e» color=»#ffffff»]Button text[/su_button]

[su_button url=»#» background=»#91b819″ color=»#fff»]Button text[/su_button]


Unlimited sizes

[su_button size=»1″] Click me [/su_button] [su_button size=»2″] Click me [/su_button]

[su_button size=»3″] Click me [/su_button] [su_button size=»4″] Click me [/su_button]

[su_button size=»5″] Click me [/su_button] [su_button size=»6″] Click me [/su_button]

[su_button size=»7″] Click me [/su_button]

 

[su_button size=»8″] Click me [/su_button]

[su_button size=»9″] Click me [/su_button] [su_button size=»10″] Click me [/su_button]


Unlimited colors

[su_button background=»#2D89EF»] Click me [/su_button] [su_button background=»#9E2DEF»] Click me [/su_button] [su_button background=»#F72EBA»] Click me [/su_button]

[su_button background=»#FF2F3B»] Click me [/su_button] [su_button background=»#FF742F»] Click me [/su_button] [su_button background=»#FFA52F»] Click me [/su_button]

[su_button background=»#FFCF2F»] Click me [/su_button] [su_button background=»#FFF92F»] Click me [/su_button] [su_button background=»#C5ED2C»] Click me [/su_button]

 

[su_button background=»#3AD828″] Click me [/su_button] [su_button background=»#27CBD5″] Click me [/su_button] [su_button background=»#000000″] Click me [/su_button]

[su_button background=»#eee» color=»#2D89EF»] Click me [/su_button] [su_button background=»#eee» color=»#9E2DEF»] Click me [/su_button] [su_button background=»#eee» color=»#F72EBA»] Click me [/su_button]

[su_button background=»#eee» color=»#FF2F3B»] Click me [/su_button] [su_button background=»#eee» color=»#FF742F»] Click me [/su_button] [su_button background=»#eee» color=»#FFA52F»] Click me [/su_button]

 

[su_button background=»#eee» color=»#FFCF2F»] Click me [/su_button] [su_button background=»#eee» color=»#FFF92F»] Click me [/su_button] [su_button background=»#eee» color=»#C5ED2C»] Click me [/su_button]

[su_button background=»#eee» color=»#3AD828″] Click me [/su_button] [su_button background=»#eee» color=»#27CBD5″] Click me [/su_button] [su_button background=»#eee» color=»#000000″] Click me [/su_button]


Customizable border radius

[su_button radius=»square»] Click me [/su_button] [su_button radius=»auto»] Click me [/su_button] [su_button radius=»10″] Click me [/su_button] [su_button radius=»round»] Click me [/su_button]


Icon Links

[su_button url=»#» background=»#91b819″ color=»#fff» icon=»icon: heart»]Button text[/su_button]

[su_button url=»#» background=»#91b819″ color=»#fff» icon=»icon: sign-in»]Button text[/su_button]

[su_button url=»#» background=»#91b819″ color=»#fff» icon=»icon: comment»]Button text[/su_button]

[su_button url=»#» background=»#91b819″ color=»#fff» icon=»icon: map-marker»]Button text[/su_button]

[su_button url=»#» background=»#91b819″ color=»#ffffff» icon=»icon: tags»]Button text[/su_button]

 

Much more icons available:


Different background styles

[su_button style=»default»] Click me [/su_button] [su_button style=»flat»] Click me [/su_button] [su_button style=»glass»] Click me [/su_button]

[su_button style=»noise»] Click me [/su_button] [su_button style=»bubbles»] Click me [/su_button] [su_button style=»soft»] Click me [/su_button]

[su_button style=»stroked»] Click me [/su_button] [su_button style=»3d»] Click me [/su_button]

Atención al consumidor