gogoBags

[vc_row][vc_column][vc_empty_space height=”100″][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”][vc_column_text]

This is how small buttons look on your site.

[/vc_column_text][vc_empty_space height=”30″][/vc_column][/vc_row][vc_row][vc_column width=”1/4″ el_class=”text-xs-center”][amely_button size=”small” text=”Default Style”][/vc_column][vc_column width=”1/4″ el_class=”text-xs-center”][amely_button style=”alt” size=”small” text=”Alternative Style”][/vc_column][vc_column width=”1/4″ el_class=”text-xs-center”][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”][/vc_column][vc_column width=”1/4″ el_class=”text-xs-center”][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_column][/vc_row][vc_row][vc_column][vc_empty_space height=”100″][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”][vc_column_text]

This is how medium buttons look on your site.

[/vc_column_text][vc_empty_space height=”30″][/vc_column][/vc_row][vc_row][vc_column width=”1/4″ el_class=”text-xs-center”][amely_button text=”Default Style”][/vc_column][vc_column width=”1/4″ el_class=”text-xs-center”][amely_button style=”alt” text=”Alternative Style”][/vc_column][vc_column width=”1/4″ el_class=”text-xs-center”][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”][/vc_column][vc_column width=”1/4″ el_class=”text-xs-center”][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_column][/vc_row][vc_row][vc_column][vc_empty_space height=”100″][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”][vc_column_text]

This is how large buttons look on your site.

[/vc_column_text][vc_empty_space height=”30″][/vc_column][/vc_row][vc_row][vc_column width=”1/4″ el_class=”text-xs-center”][amely_button size=”large” text=”Default Style”][/vc_column][vc_column width=”1/4″ el_class=”text-xs-center”][amely_button style=”alt” size=”large” text=”Alternative Style”][/vc_column][vc_column width=”1/4″ el_class=”text-xs-center”][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”][/vc_column][vc_column width=”1/4″ el_class=”text-xs-center”][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_column][/vc_row][vc_row][vc_column][vc_empty_space height=”100″][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”][vc_column_text]

This is how extra large buttons look on your site.

[/vc_column_text][vc_empty_space height=”30″][/vc_column][/vc_row][vc_row][vc_column width=”1/4″ el_class=”text-xs-center”][amely_button size=”xlarge” text=”Default Style”][/vc_column][vc_column width=”1/4″ el_class=”text-xs-center”][amely_button style=”alt” size=”xlarge” text=”Alternative Style”][/vc_column][vc_column width=”1/4″ el_class=”text-xs-center”][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”][/vc_column][vc_column width=”1/4″ el_class=”text-xs-center”][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”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”70″][/vc_column][/vc_row]

Scroll to Top