Test Page

 

Line space

Accounts Policy Large Button Accounts Policy Green Orange Blue Pink Red Purple Ocean Raspberry Slate Blue Sky Blue Coral Black Cyan Grey Gold Chocolate Fern Green Electric Blue Egg Plant Pale Brown

font-family: helvetica; font-size: 36pt; color: #000000
[su_button size=”24″ font-family: helvetica; background=”#2102E6″ link=”http://www.google.co.uk/”] Size 24 [/su_button]  
 
[su_button size=”24″ background=”#2102E6″ link=”http://www.google.co.uk/”] Size 24 [/su_button]  
 
Dark Blue

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] [su_button size=”32″] Unlimited sizes! [/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]

40 New Icons in 4.2

fa-angellist
fa-area-chart
fa-at
fa-bell-slash
fa-bell-slash-o
fa-bicycle
fa-binoculars
fa-birthday-cake
fa-bus
fa-calculator
fa-cc
fa-cc-amex
fa-cc-discover
fa-cc-mastercard
fa-cc-paypal
fa-cc-stripe
fa-cc-visa
fa-copyright
fa-eyedropper
fa-futbol-o
fa-google-wallet
fa-ils
fa-ioxhost
fa-lastfm
fa-lastfm-square
fa-line-chart
fa-meanpath
fa-newspaper-o
fa-paint-brush
fa-paypal
fa-pie-chart
fa-plug
fa-shekel (alias)
fa-sheqel (alias)
fa-slideshare
fa-soccer-ball-o (alias)
fa-toggle-off
fa-toggle-on
fa-trash

Built-in icon font

List of built-in icons

[su_button icon=”icon: check”] Click me [/su_button] [su_button icon=”icon: arrow-right”] Click me [/su_button] [su_button icon=”icon: shopping-cart”] Click me [/su_button] [su_button icon=”icon: cogs” color=”#000000″ icon_color=”#000000″] Click me [/su_button] [su_button icon=”icon: comments” color=”#000000″ icon_color=”#000000″] Click me [/su_button] [su_button icon=”icon: cloud-download” color=”#000000″ icon_color=”#000000″] Click me [/su_button]

Different animation types

[su_animate type=”bounceIn” delay=”1″] [su_note] Animated text [/su_note] [/su_animate] [su_animate type=”flipInX” delay=”2″] [su_note] Animated text [/su_note] [/su_animate] [su_animate type=”flipInY” delay=”3″] [su_note] Animated text [/su_note] [/su_animate] [su_animate type=”fadeInDown” delay=”4″] [su_note] Animated text [/su_note] [/su_animate] [su_animate type=”fadeInLeft” delay=”5″] [su_note] Animated text [/su_note] [/su_animate] [su_animate type=”fadeInRight” delay=”6″] [su_note] Animated text [/su_note] [/su_animate] [su_animate type=”fadeInUp” delay=”7″] [su_note] Animated text [/su_note] [/su_animate]

Animated columns

[su_row] [su_column size=”1/2″] [su_animate type=”fadeInLeft” delay=”1″ duration=”1.5″] [su_box] Column content [/su_box] [/su_animate] [/su_column] [su_column size=”1/2″] [su_animate type=”fadeInRight” delay=”1″ duration=”1.5″] [su_box] Column content [/su_box] [/su_animate] [/su_column] [/su_row]

Animated buttons

[su_animate delay=”1″ inline=”yes”] [su_button] Click me [/su_button] [/su_animate] [su_animate delay=”2″ inline=”yes”] [su_button] Click me [/su_button] [/su_animate] [su_animate delay=”3″ inline=”yes”] [su_button] Click me [/su_button] [/su_animate]

Animated tabs

[su_tabs] [su_tab title=”Tab title”] [su_animate type=”fadeInUp”] Tab content [/su_animate] [/su_tab] [su_tab title=”Tab title”] [su_animate type=”fadeInUp”] Tab content [/su_animate] [/su_tab] [su_tab title=”Tab title”] [su_animate type=”fadeInUp”] Tab content [/su_animate] [/su_tab] [/su_tabs]