Close

UEN: T11SS0119J    SINGAPORE OFFICE: 65471149     SG@ASIASEIA.ORG

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]

[hr]

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]

[hr]

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]

[hr]

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]

[hr]

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:

[hr]

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]