Buttons

[lead]Supremia contains multiple buttons that can be used in your site. You can easily choose a link, title, text, color and a size for your buttons. You can also choose to open links in a new window and add add extra css classes to the buttons.[/lead]

Large Buttons

[button button_color=”btn-default” size=”lg” text=”Large Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-primary” size=”lg” text=”Large Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-success” size=”lg” text=”Large Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-info” size=”lg” text=”Large Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-warning” size=”lg” text=”Large Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-danger” size=”lg” text=”Large Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-dark” size=”lg” text=”Large Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]

[divider width=”” margin=”big” style=”” extra=”extra”]

Medium Buttons

[button button_color=”btn-default” text=”Medium Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-primary” text=”Medium Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-success” text=”Medium Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-info” text=”Medium Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-warning” text=”Medium Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-danger” text=”Medium Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-dark” text=”Medium Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]

[divider width=”” margin=”big” style=”” extra=”extra”]

Small Buttons

[button button_color=”btn-default” size=”sm” text=”Small Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-primary” size=”sm” text=”Small Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-success” size=”sm” text=”Small Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-info” size=”sm” text=”Small Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-warning” size=”sm” text=”Small Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-danger” size=”sm” text=”Small Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-dark” size=”sm” text=”Small Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]

[divider width=”” margin=”big” style=”” extra=”extra”]

Extra Small Buttons

[button button_color=”btn-default” size=”xs” text=”Small Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-primary” size=”xs” text=”Small Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-success” size=”xs” text=”Small Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-info” size=”xs” text=”Small Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-warning” size=”xs” text=”Small Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-danger” size=”xs” text=”Small Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]
[button button_color=”btn-dark” size=”xs” text=”Small Button” link=”#” title=”” xclass=”sp-r-10 sp-b-10″]