examples of buttons

There are various options available for buttons. Each button can be different in size, color and have one of the 32 handpicked icons.

Mini size

[vc_button title="Mini" href="#" color="btn-primary" size="btn-mini" icon="none" target="_self"] [vc_button title="Mini" href="#" color="btn-info" size="btn-mini" icon="none" target="_self"] [vc_button title="Mini" href="#" color="btn-success" size="btn-mini" icon="none" target="_self"] [vc_button title="Mini" href="#" color="btn-warning" size="btn-mini" icon="none" target="_self"] [vc_button title="Mini" href="#" color="btn-danger" size="btn-mini" icon="none" target="_self"] [vc_button title="Mini" href="#" color="btn-inverse" size="btn-mini" icon="none" target="_self" el_position="last"]

Small size

[vc_button title="Small" href="#" color="wpb_button" size="btn-small" icon="none" target="_self" el_position="first"] [vc_button title="Small" href="#" color="btn-primary" size="btn-small" icon="none" target="_self"] [vc_button title="Small" href="#" color="btn-info" size="btn-small" icon="none" target="_self"] [vc_button title="Small" href="#" color="btn-success" size="btn-small" icon="none" target="_self"] [vc_button title="Small" href="#" color="btn-warning" size="btn-small" icon="none" target="_self"] [vc_button title="Small" href="#" color="btn-danger" size="btn-small" icon="none" target="_self"] [vc_button title="Small" href="#" color="btn-inverse" size="btn-small" icon="none" target="_self" el_position="last"]

Large size

[vc_button title="Large" href="#" color="wpb_button" size="btn-large" icon="none" target="_self" el_position="first"] [vc_button title="Large" href="#" color="btn-primary" size="btn-large" icon="none" target="_self"] [vc_button title="Large" href="#" color="btn-info" size="btn-large" icon="none" target="_self"] [vc_button title="Large" href="#" color="btn-success" size="btn-large" icon="none" target="_self"] [vc_button title="Large" href="#" color="btn-warning" size="btn-large" icon="none" target="_self"] [vc_button title="Large" href="#" color="btn-danger" size="btn-large" icon="none" target="_self"] [vc_button title="Large" href="#" color="btn-inverse" size="btn-large" icon="none" target="_self" el_position="last"]

Icons

Buttons with icons

[vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_address_book" target="_self" el_position="first"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_alarm_clock" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_anchor" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_application_image" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_arrow" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_asterisk" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_hammer" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_balloon" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_balloon_buzz" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_balloon_facebook" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_balloon_twitter" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_battery" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_binocular" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_document_excel" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_document_image" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_document_music" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_document_office" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_document_pdf" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_document_powerpoint" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_document_word" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_bookmark" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_camcorder" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_camera" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_chart" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_chart_pie" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_clock" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_fire" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_heart" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_mail" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_play" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_shield" target="_self"] [vc_button title="Icon" href="#" color="wpb_button" size="btn-large" icon="wpb_video" target="_self" el_position="last"]
[vc_separator el_position="first last"]

Social

Social Buttons