Buttons

[vc_custom_heading text= »Small buttons » font_container= »tag:h2|font_size:35px|text_align:center|color:%23202020″ use_theme_fonts= » » google_fonts= »font_family:Poppins%3A300%2Cregular%2C500%2C600%2C700|font_style:400%20regular%3A400%3Anormal »]

This is how small buttons look on your site.

[amely_button size= »small » text= »Default Style »]
[amely_button style= »alt » size= »small » text= »Alternative Style »]
[amely_button style= »custom » size= »small » font_size= »14″ button_bg_color= »#6d7f97″ button_bg_color_hover= »rgba(109,127,151,0.85) » font_color= »#ffffff » font_color_hover= »#ffffff » button_border_color= »#6d7f97″ button_border_color_hover= »rgba(109,127,151,0.85) » text= »Custom Style »]
[amely_button style= »custom » size= »small » font_size= »14″ add_icon= »yes » type= »pe7stroke » icon_pe7stroke= »pe-7s-diamond » button_bg_color= »#c9dee4″ button_bg_color_hover= »rgba(201,222,228,0.72) » font_color= »#222222″ font_color_hover= »#222222″ button_border_color= »#c9dee4″ button_border_color_hover= »rgba(201,222,228,0.72) » text= »Icon Left »]
[vc_custom_heading text= »Medium buttons » font_container= »tag:h2|font_size:35px|text_align:center|color:%23202020″ use_theme_fonts= » » google_fonts= »font_family:Poppins%3A300%2Cregular%2C500%2C600%2C700|font_style:400%20regular%3A400%3Anormal »]

This is how medium buttons look on your site.

[amely_button text= »Default Style »]
[amely_button style= »alt » text= »Alternative Style »]
[amely_button style= »custom » font_size= »14″ button_bg_color= »#6d7f97″ button_bg_color_hover= »rgba(109,127,151,0.85) » font_color= »#ffffff » font_color_hover= »#ffffff » button_border_color= »#6d7f97″ button_border_color_hover= »rgba(109,127,151,0.85) » text= »Custom Style »]
[amely_button style= »custom » font_size= »14″ add_icon= »yes » type= »themifyicons » icon_themifyicons= »ti-heart » icon_pos= »right » button_bg_color= »#c9dee4″ button_bg_color_hover= »rgba(201,222,228,0.72) » font_color= »#222222″ font_color_hover= »#222222″ button_border_color= »#c9dee4″ button_border_color_hover= »rgba(201,222,228,0.72) » text= »Icon Right »]
[vc_custom_heading text= »Large buttons » font_container= »tag:h2|font_size:35px|text_align:center|color:%23202020″ use_theme_fonts= » » google_fonts= »font_family:Poppins%3A300%2Cregular%2C500%2C600%2C700|font_style:400%20regular%3A400%3Anormal »]

This is how large buttons look on your site.

[amely_button size= »large » text= »Default Style »]
[amely_button style= »alt » size= »large » text= »Alternative Style »]
[amely_button style= »custom » size= »large » font_size= »14″ button_bg_color= »#6d7f97″ button_bg_color_hover= »rgba(109,127,151,0.85) » font_color= »#ffffff » font_color_hover= »#ffffff » button_border_color= »#6d7f97″ button_border_color_hover= »rgba(109,127,151,0.85) » text= »Custom Style »]
[amely_button style= »custom » size= »large » font_size= »14″ add_icon= »yes » type= »pe7stroke » icon_pe7stroke= »pe-7s-diamond » button_bg_color= »#c9dee4″ button_bg_color_hover= »rgba(201,222,228,0.72) » font_color= »#222222″ font_color_hover= »#222222″ button_border_color= »#c9dee4″ button_border_color_hover= »rgba(201,222,228,0.72) » text= »Icon Left »]
[vc_custom_heading text= »Extra large buttons » font_container= »tag:h2|font_size:35px|text_align:center|color:%23202020″ use_theme_fonts= » » google_fonts= »font_family:Poppins%3A300%2Cregular%2C500%2C600%2C700|font_style:400%20regular%3A400%3Anormal »]

This is how extra large buttons look on your site.

[amely_button size= »xlarge » text= »Default Style »]
[amely_button style= »alt » size= »xlarge » text= »Alternative Style »]
[amely_button style= »custom » size= »xlarge » font_size= »14″ button_bg_color= »#6d7f97″ button_bg_color_hover= »rgba(109,127,151,0.85) » font_color= »#ffffff » font_color_hover= »#ffffff » button_border_color= »#6d7f97″ button_border_color_hover= »rgba(109,127,151,0.85) » text= »Custom Style »]
[amely_button style= »custom » size= »xlarge » font_size= »14″ add_icon= »yes » type= »ionicons » icon_ionicons= »ion-ios-medical » icon_pos= »right » button_bg_color= »#c9dee4″ button_bg_color_hover= »rgba(201,222,228,0.72) » font_color= »#222222″ font_color_hover= »#222222″ button_border_color= »#c9dee4″ button_border_color_hover= »rgba(201,222,228,0.72) » text= »Icon Right »]