Buttons

Buttons

[teaser]Create any size, shape, color buttons with just a few clicks. They are also responsive and you can also add preset icons or use your own image to represent it! Below are a couple of buttons we’ve made playing with the shortcode![/teaser]

[su_spacer size=”80″]

[su_row]
[su_column size=”1/3″]
[su_button url=”#” style=”flat” size=”5″ radius=”0″ icon=”icon: eye”]Click me![/su_button]
[su_button url=”#” background=”#ef2d5f” size=”12″ radius=”5″ icon=”icon: key” desc=”I’m more clickable!”]Click me![/su_button]
[su_button url=”#” style=”flat” background=”#efbf2d” size=”9″ radius=”0″ icon=”icon: star-o”]Hey, I’m so cool![/su_button]
[su_button url=”#” style=”bubbles” background=”#ef2d62″ size=”12″ wide=”yes” radius=”5″ icon=”icon: umbrella”]Fluid Button[/su_button]
[su_button url=”http://google.com” target=”blank” style=”3d” background=”#25e168″ size=”5″ radius=”20″ icon=”icon: flask”]Flasky[/su_button]
[su_button url=”#” style=”soft” background=”#19304a” size=”1″ radius=”0″ icon=”icon: suitcase”]Really small button[/su_button]
[su_button url=”#” style=”flat” background=”#ef5b2d” size=”14″ radius=”0″]Big fla’ button![/su_button]
[/su_column]
[su_column size=”1/3″]
[su_button url=”#” style=”stroked” background=”#d82def” size=”7″ radius=”5″ icon=”icon: road”]This way![/su_button]
[su_button url=”#” style=”3d” background=”#efb62d” size=”6″ radius=”0″ icon=”icon: lightbulb-o”]Button text[/su_button]
[su_button url=”#” style=”soft” background=”#ef7e2d” icon=”icon: star-o”]Favourite this[/su_button]
[su_button url=”#” background=”#2defbd” size=”13″ center=”yes” radius=”round” icon=”icon: align-center”]Centered[/su_button]
[su_button url=”#” style=”noise” size=”6″ icon=”icon: bug”]Noise Button[/su_button]
[su_button url=”#” style=”stroked” background=”#1e2731″ size=”9″ radius=”0″ icon=”icon: bell”]Lorem ipsum![/su_button]
[/su_column]
[su_column size=”1/3″]
[su_button url=”#” style=”flat” background=”#2de3ef” size=”10″ icon=”icon: ellipsis-v” radius=”0″]Drag button[/su_button]
[su_button style=”soft” background=”#f2f8ff” color=”#14171c” size=”16″ radius=”0″]Different[/su_button]
[su_button url=”#” style=”soft” background=”#ef342d” color=”#fdf0db” size=”13″ radius=”10″ icon=”icon: circle-o”]Different Too[/su_button]
[su_button url=”#” background=”#510572″ size=”20″ radius=”0″ icon=”icon: trophy” desc=”button desc”]HUGE[/su_button]
[su_button url=”#” style=”3d” background=”#1a2026″ size=”9″ wide=”yes” radius=”10″ icon=”icon: globe”]Internet![/su_button]
[/su_column]
[/su_row]

[su_spacer size=”60″]

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>