Variety of Button Styles

Set any color, add icons, control animations and much more.

[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item advanced_animations=”no”][/qode_elements_holder_item][/qode_elements_holder]
[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item advanced_animations=”no”][/qode_elements_holder_item][/qode_elements_holder]
[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item advanced_animations=”no” custom_class=”gradient-button”][/qode_elements_holder_item][/qode_elements_holder]
[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item advanced_animations=”no” custom_class=”outline-button”][/qode_elements_holder_item][/qode_elements_holder]

Button Sizes

4 different size: extra large, large, default and small.

[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item advanced_animations=”no”][/qode_elements_holder_item][/qode_elements_holder]
[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item item_padding=”6px 0 0 0″ advanced_animations=”no” item_padding_1024_1280=”6px 0 0 0″ item_padding_768_1024=”0 0 0 0″ item_padding_600_768=”0 0 0 0″ item_padding_480=”0 0 0 0″][/qode_elements_holder_item][/qode_elements_holder]
[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item item_padding=”10px 0 0 0″ advanced_animations=”no” item_padding_1024_1280=”10px 0 0 0″ item_padding_768_1024=”0 0 0 0″ item_padding_600_768=”0 0 0 0″ item_padding_480=”0 0 0 0″][/qode_elements_holder_item][/qode_elements_holder]
[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item item_padding=”19px 0 0 0″ advanced_animations=”no” item_padding_1024_1280=”19px 0 0 0″ item_padding_768_1024=”0 0 0 0″ item_padding_600_768=”0 0 0 0″ item_padding_480=”0 0 0 0″][/qode_elements_holder_item][/qode_elements_holder]

Custom Colors

Enhance your button with a nice color effect.

[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item item_padding=”0 0 0 0″ advanced_animations=”no”][/qode_elements_holder_item][/qode_elements_holder]
[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item item_padding=”0 0 0 0″ advanced_animations=”no”][/qode_elements_holder_item][/qode_elements_holder]
[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item item_padding=”0 0 0 0″ advanced_animations=”no”][/qode_elements_holder_item][/qode_elements_holder]
[qode_elements_holder number_of_columns=”one_column”][qode_elements_holder_item item_padding=”0 0 0 0″ advanced_animations=”no”][/qode_elements_holder_item][/qode_elements_holder]

Button Shapes

4 different shapes: default, round, square and circle.

Button with Shadow

Enhance your button with a shadow effect.

[qode_button_v2 target=”_self” icon_pack=”dripicons” dripicon=”dripicons-chevron-right” enable_shadow=”yes” enable_icon_square=”yes” hover_effect=”” gradient=”no” text=”With shadow” link=”#” icon_font_size=”18″]

Outline Variations

Enhance your button with a shadow effect.

Custom Typography

Enhance your button with typographic options: font family, font weight, letter spacing, etc.

Fancy Link Options

4 different shapes: default, round, square and circle.

[custom_font font_family=”Roboto” font_size=”14″ line_height=”26″ font_style=”normal” text_align=”center” font_weight=”400″ text_decoration=”none” text_shadow=”no” letter_spacing=”3″ color=”#333333″]LINK[/custom_font]
[custom_font font_family=”Roboto” font_size=”14″ line_height=”26″ font_style=”normal” text_align=”center” font_weight=”400″ text_decoration=”underline” text_shadow=”no” letter_spacing=”3″ color=”#333333″]LINK[/custom_font]
[custom_font font_family=”Roboto” font_size=”14″ line_height=”26″ font_style=”normal” text_align=”center” font_weight=”400″ text_decoration=”none” text_shadow=”no” letter_spacing=”3″ color=”#333333″]LINK[/custom_font]
[custom_font font_family=”Roboto” font_size=”14″ line_height=”26″ font_style=”normal” text_align=”center” font_weight=”400″ text_decoration=”none” text_shadow=”no” letter_spacing=”3″ color=”#333333″]LINK[/custom_font]
[custom_font font_family=”Roboto” font_size=”14″ line_height=”26″ font_style=”normal” text_align=”center” font_weight=”400″ text_decoration=”line-through” text_shadow=”no” letter_spacing=”3″ color=”#333333″]LINK[/custom_font]
[custom_font font_family=”Roboto” font_size=”14″ line_height=”26″ font_style=”normal” text_align=”center” font_weight=”400″ text_decoration=”none” text_shadow=”no” letter_spacing=”3″ color=”#3cd2b5″ background_color=”#d8f6f0″]LINK[/custom_font]