Loading posts...

Buttons

Spread the love
Cross browser compatibility

IE9 doesn’t crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow that we cannot fix.

Button Shortcode Description
[button style='1' caption='Default' link='button url'][/button] Standard gray button with gradient
[button style='2' caption='Primary' link='button url'][/button] Provides extra visual weight and identifies the primary action in a set of buttons
[button style='3' caption='Info' link='button url'][/button] Used as an alternative to the default styles
[button style='4' caption='Success' link='button url'][/button] Indicates a successful or positive action
[button style='5' caption='Warning' link='button url'][/button] Indicates caution should be taken with this action
[button style='6' caption='Danger' link='button url'][/button] Indicates a dangerous or potentially negative action
[button style='7' caption='Inverse' link='button url'][/button] Alternate dark gray button, not tied to a semantic action or use
[button style='8' caption='Link' link='button url'][/button] Deemphasize a button by making it look like a link while maintaining button behavior

Recent comments

Theme developed by TouchSize - Premium WordPress Themes and Websites