Buttons

Home Elements Buttons Element

BUTTON SIZES

[lea_button_style title=»SUPER SIZE» align=»center» font_color=»#ffffff» use_theme_fonts=»yes» link=»url:%23|||» button_font_size=»18px» button_line_height=»26px» extra_class=»font-weight-semibold letter-spacing-1″ button_design_css=».vc_custom_1526459570103{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 17px !important;padding-right: 60px !important;padding-bottom: 17px !important;padding-left: 60px !important;background-color: #373b4f !important;}»]
[lea_button_style title=»LARGE SIZE» align=»center» font_color=»#373b4f» use_theme_fonts=»yes» link=»url:%23|||» button_font_size=»17px» button_line_height=»26px» extra_class=»font-weight-semibold letter-spacing-1″ button_design_css=».vc_custom_1526460331239{margin-top: 1px !important;margin-bottom: 0px !important;border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 14px !important;padding-left: 40px !important;background-color: #ffffff !important;border-left-color: #373b4f !important;border-left-style: solid !important;border-right-color: #373b4f !important;border-right-style: solid !important;border-top-color: #373b4f !important;border-top-style: solid !important;border-bottom-color: #373b4f !important;border-bottom-style: solid !important;}»]
[lea_button_style title=»BASE SIZE» align=»center» font_color=»#ffffff» use_theme_fonts=»yes» link=»url:%23|||» button_font_size=»16px» button_line_height=»26px» extra_class=»font-weight-medium letter-spacing-1″ button_design_css=».vc_custom_1526460850461{margin-top: 3px !important;margin-bottom: 0px !important;padding-top: 13px !important;padding-right: 30px !important;padding-bottom: 13px !important;padding-left: 30px !important;background-color: #556df4 !important;}»]
[lea_button_style title=»SMALL SIZE» align=»center» font_color=»#556df4″ use_theme_fonts=»yes» link=»url:%23|||» button_font_size=»13px» button_line_height=»26px» extra_class=»font-weight-medium letter-spacing-1″ button_design_css=».vc_custom_1526460870041{margin-top: 6px !important;margin-bottom: 0px !important;border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 8px !important;padding-right: 20px !important;padding-bottom: 8px !important;padding-left: 20px !important;background-color: #ffffff !important;border-left-color: #556df4 !important;border-left-style: solid !important;border-right-color: #556df4 !important;border-right-style: solid !important;border-top-color: #556df4 !important;border-top-style: solid !important;border-bottom-color: #556df4 !important;border-bottom-style: solid !important;}»]

BUTTON SHAPES

[lea_button_style title=»DEFAULT» align=»center» font_color=»#ffffff» use_theme_fonts=»yes» link=»url:%23|||» button_font_size=»15px» button_line_height=»26px» extra_class=»font-weight-medium letter-spacing-1″ button_design_css=».vc_custom_1526461941915{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #373b4f !important;}»]
[lea_button_style title=»ROUND» align=»center» font_color=»#373b4f» use_theme_fonts=»yes» link=»url:%23|||» button_font_size=»15px» button_line_height=»26px» extra_class=»font-weight-medium letter-spacing-1″ button_design_css=».vc_custom_1526461988931{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 11px !important;padding-right: 40px !important;padding-bottom: 11px !important;padding-left: 40px !important;border-left-color: #373b4f !important;border-left-style: solid !important;border-right-color: #373b4f !important;border-right-style: solid !important;border-top-color: #373b4f !important;border-top-style: solid !important;border-bottom-color: #373b4f !important;border-bottom-style: solid !important;border-radius: 10px !important;}»]
[lea_button_style title=»SQUARE» align=»center» font_color=»#ffffff» use_theme_fonts=»yes» link=»url:%23|||» button_font_size=»15px» button_line_height=»26px» extra_class=»font-weight-medium letter-spacing-1″ button_design_css=».vc_custom_1526462029588{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #556df4 !important;}»]
[lea_button_style title=»CIRCLE» align=»center» font_color=»#556df4″ use_theme_fonts=»yes» link=»url:%23|||» button_font_size=»15px» button_line_height=»26px» extra_class=»font-weight-medium letter-spacing-1″ button_design_css=».vc_custom_1526462037334{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 11px !important;padding-right: 40px !important;padding-bottom: 11px !important;padding-left: 40px !important;border-left-color: #556df4 !important;border-left-style: solid !important;border-right-color: #556df4 !important;border-right-style: solid !important;border-top-color: #556df4 !important;border-top-style: solid !important;border-bottom-color: #556df4 !important;border-bottom-style: solid !important;border-radius: 35px !important;}»]

BUTTON WITH ICONS

[lea_button_style title=»ICON RIGHT» align=»center» i_align=»right» icon_fontawesome=»fa fa-arrow-circle-o-right» font_color=»#ffffff» use_theme_fonts=»yes» add_icon=»true» link=»url:%23|||» button_font_size=»15px» button_line_height=»26px» extra_class=»font-weight-medium letter-spacing-1″ button_design_css=».vc_custom_1526462176548{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #373b4f !important;}»]
[lea_button_style title=»ICON LEFT» align=»center» icon_fontawesome=»fa fa-download» font_color=»#373b4f» use_theme_fonts=»yes» add_icon=»true» link=»url:%23|||» button_font_size=»15px» button_line_height=»26px» extra_class=»font-weight-medium letter-spacing-1″ button_design_css=».vc_custom_1526462275717{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 11px !important;padding-right: 40px !important;padding-bottom: 11px !important;padding-left: 40px !important;border-left-color: #373b4f !important;border-left-style: solid !important;border-right-color: #373b4f !important;border-right-style: solid !important;border-top-color: #373b4f !important;border-top-style: solid !important;border-bottom-color: #373b4f !important;border-bottom-style: solid !important;}»]
[lea_button_style title=»ICON RIGHT» align=»center» i_align=»right» icon_fontawesome=»fa fa-paper-plane-o» font_color=»#ffffff» use_theme_fonts=»yes» add_icon=»true» link=»url:%23|||» button_font_size=»15px» button_line_height=»26px» extra_class=»font-weight-medium letter-spacing-1″ button_design_css=».vc_custom_1526462217003{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #556df4 !important;}»]
[lea_button_style title=»ICON LEFT» align=»center» icon_fontawesome=»fa fa-folder-open» font_color=»#556df4″ use_theme_fonts=»yes» add_icon=»true» link=»url:%23|||» button_font_size=»15px» button_line_height=»26px» extra_class=»font-weight-medium letter-spacing-1″ button_design_css=».vc_custom_1526462282251{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;padding-top: 11px !important;padding-right: 40px !important;padding-bottom: 11px !important;padding-left: 40px !important;border-left-color: #556df4 !important;border-left-style: solid !important;border-right-color: #556df4 !important;border-right-style: solid !important;border-top-color: #556df4 !important;border-top-style: solid !important;border-bottom-color: #556df4 !important;border-bottom-style: solid !important;}»]

BUTTON WITH CUSTOM COLORS

[lea_button_style title=»DARK BLUE» align=»center» font_color=»#ffffff» use_theme_fonts=»yes» link=»url:%23|||» button_font_size=»15px» button_line_height=»26px» extra_class=»font-weight-medium letter-spacing-1″ button_design_css=».vc_custom_1526462366077{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #373b4f !important;}»]
[lea_button_style title=»LIGHT VIOLET» align=»center» font_color=»#ffffff» use_theme_fonts=»yes» link=»url:%23|||» button_font_size=»15px» button_line_height=»26px» extra_class=»font-weight-medium letter-spacing-1″ button_design_css=».vc_custom_1526462406292{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #9199c5 !important;}»]
[lea_button_style title=»PURE BLUE» align=»center» font_color=»#ffffff» use_theme_fonts=»yes» link=»url:%23|||» button_font_size=»15px» button_line_height=»26px» extra_class=»font-weight-medium letter-spacing-1″ button_design_css=».vc_custom_1526462420626{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #556df4 !important;}»]
[lea_button_style title=»DARK BLUE» align=»center» font_color=»#556df4″ use_theme_fonts=»yes» link=»url:%23|||» button_font_size=»15px» button_line_height=»26px» extra_class=»font-weight-medium letter-spacing-1″ button_design_css=».vc_custom_1526462444188{padding-top: 13px !important;padding-right: 40px !important;padding-bottom: 13px !important;padding-left: 40px !important;background-color: #d8ddf5 !important;}»]