Button

Default button

[dt_button el_class=”btn-margin” target_blank=”true” size=”big” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”big” bg_color_style=”custom” bg_color=”#9b58b5″ bg_hover_color_style=”custom” bg_hover_color=”#8d44af” text_color_style=”custom” text_color=”#ffffff” text_hover_color_style=”custom” text_hover_color=”#ecf0f1″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGV2cm9uLWNpcmNsZS1yaWdodCUyMiUzRSUzQyUyRmklM0U=” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”big” bg_color_style=”custom” bg_color=”#e84c3d” bg_hover_color_style=”custom” bg_hover_color=”#c1392d” text_color_style=”custom” text_color=”#ffffff” text_hover_color_style=”custom” text_hover_color=”#ecf0f1″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” size=”big” bg_color_style=”custom” bg_color=”#2dcc70″ bg_hover_color_style=”custom” bg_hover_color=”#27ae61″ text_color_style=”custom” text_color=”#ffffff” text_hover_color_style=”custom” text_hover_color=”#ecf0f1″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGVjay1zcXVhcmUlMjIlM0UlM0MlMkZpJTNF” color_mode=”default” color=”#22baed”]Button[/dt_button]
[dt_button el_class=”btn-margin” target_blank=”true” size=”medium” bg_color_style=”custom” bg_color=”#5d6e7e” bg_hover_color_style=”custom” bg_hover_color=”#2d3e50″ text_color_style=”custom” text_color=”#ffffff” text_hover_color_style=”custom” text_hover_color=”#ecf0f1″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”medium” bg_color_style=”custom” bg_color=”#3598dc” bg_hover_color_style=”custom” bg_hover_color=”#297fb8″ text_color_style=”custom” text_color=”#ffffff” text_hover_color_style=”custom” text_hover_color=”#ecf0f1″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS10aW1lcy1jaXJjbGUlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”medium” bg_color_style=”custom” bg_color=”#19bd9b” bg_hover_color_style=”custom” bg_hover_color=”#17a086″ text_color_style=”custom” text_color=”#ffffff” text_hover_color_style=”custom” text_hover_color=”#ecf0f1″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” size=”medium” bg_color_style=”custom” bg_color=”#e77e23″ bg_hover_color_style=”custom” bg_hover_color=”#d45300″ text_color_style=”custom” text_color=”#ffffff” text_hover_color_style=”custom” text_hover_color=”#ecf0f1″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1wbHVzLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=” color_mode=”default” color=”#22baed”]Button[/dt_button]
[dt_button el_class=”btn-margin” target_blank=”true” bg_color_style=”custom” bg_color=”#f1c40f” bg_hover_color_style=”custom” bg_hover_color=”#f39b13″ text_color_style=”custom” text_color=”#ffffff” text_hover_color_style=”custom” text_hover_color=”#ecf0f1″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” bg_color_style=”custom” bg_color=”#95a5a5″ bg_hover_color_style=”custom” bg_hover_color=”#7e8c8c” text_color_style=”custom” text_color=”#ffffff” text_hover_color_style=”custom” text_hover_color=”#ecf0f1″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” bg_color_style=”custom” bg_color=”#ecf0f1″ bg_hover_color_style=”custom” bg_hover_color=”#ecf0f1″ text_color_style=”custom” text_color=”#5d6e7e” text_hover_color_style=”custom” text_hover_color=”#2d3e50″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” bg_color_style=”custom” bg_color=”#5d6e7e” bg_hover_color_style=”custom” bg_hover_color=”#2dcc70″ text_color_style=”custom” text_color=”#ecf0f1″ text_hover_color_style=”custom” text_hover_color=”#ffffff” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1leHRlcm5hbC1saW5rLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=” color_mode=”default” color=”#22baed”]Button[/dt_button]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Button”

Tab “General”

Extra class name: btn-margin

Caption: Button

Link URL: [Paste a link]

Open link in: New window

Smooth scroll: No

Button alignment: Default

Animation: none

Tab “Style”

Size: Large

Style: Default (from Theme Options / Button)

Background (border) color: Default (from Theme Options / Button)

Background (border) hover color: Default (from Theme Options / Button)

Text color: Default (from Theme Options / Button)

Text hover color: Default (from Theme Options / Button)

Tab “Icon”

Icon: <i class=”fa fa-coffee”></i>

Icon align: Right
[dt_gap height=”10″ /]

Outline with background on hover

[dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”outline_with_bg” bg_color_style=”custom” bg_color=”#ecf0f1″ bg_hover_color_style=”custom” bg_hover_color=”#ecf0f1″ text_color_style=”context” text_hover_color_style=”accent” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”outline_with_bg” bg_color_style=”custom” bg_color=”#9b58b5″ bg_hover_color_style=”custom” bg_hover_color=”#9b58b5″ text_color_style=”custom” text_color=”#9b58b5″ text_hover_color_style=”custom” text_hover_color=”#ffffff” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGV2cm9uLWNpcmNsZS1yaWdodCUyMiUzRSUzQyUyRmklM0U=” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”outline_with_bg” bg_color_style=”custom” bg_color=”#e84c3d” bg_hover_color_style=”custom” bg_hover_color=”#e84c3d” text_color_style=”custom” text_color=”#e84c3d” text_hover_color_style=”custom” text_hover_color=”#ffffff” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” size=”big” style=”outline_with_bg” bg_color_style=”custom” bg_color=”#e77e23″ bg_hover_color_style=”custom” bg_hover_color=”#e77e23″ text_color_style=”custom” text_color=”#e77e23″ text_hover_color_style=”custom” text_hover_color=”#ffffff” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGVjay1zcXVhcmUlMjIlM0UlM0MlMkZpJTNF” color_mode=”default” color=”#22baed”]Button[/dt_button]
[dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”outline_with_bg” bg_color_style=”custom” bg_color=”#f1c40f” bg_hover_color_style=”custom” bg_hover_color=”#f1c40f” text_color_style=”custom” text_color=”#f1c40f” text_hover_color_style=”custom” text_hover_color=”#ffffff” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”outline_with_bg” bg_color_style=”custom” bg_color=”#19bd9b” bg_hover_color_style=”custom” bg_hover_color=”#19bd9b” text_color_style=”custom” text_color=”#19bd9b” text_hover_color_style=”custom” text_hover_color=”#ffffff” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS10aW1lcy1jaXJjbGUlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”outline_with_bg” bg_color_style=”custom” bg_color=”#3598dc” bg_hover_color_style=”custom” bg_hover_color=”#3598dc” text_color_style=”custom” text_color=”#3598dc” text_hover_color_style=”custom” text_hover_color=”#ffffff” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” size=”medium” style=”outline_with_bg” bg_color_style=”custom” bg_color=”#95a5a5″ bg_hover_color_style=”custom” bg_hover_color=”#95a5a5″ text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#ffffff” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1wbHVzLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=” color_mode=”default” color=”#22baed”]Button[/dt_button]
[dt_button el_class=”btn-margin” target_blank=”true” style=”outline_with_bg” bg_color_style=”custom” bg_color=”#5d6e7e” bg_hover_color_style=”custom” bg_hover_color=”#5d6e7e” text_color_style=”custom” text_color=”#5d6e7e” text_hover_color_style=”custom” text_hover_color=”#ffffff” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” style=”outline_with_bg” bg_color_style=”custom” bg_color=”#2dcc70″ bg_hover_color_style=”custom” bg_hover_color=”#2dcc70″ text_color_style=”custom” text_color=”#2dcc70″ text_hover_color_style=”custom” text_hover_color=”#ffffff” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” style=”outline_with_bg” bg_color_style=”custom” bg_color=”#2d3e50″ bg_hover_color_style=”custom” bg_hover_color=”#2d3e50″ text_color_style=”custom” text_color=”#2d3e50″ text_hover_color_style=”custom” text_hover_color=”#ffffff” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” style=”outline_with_bg” bg_color_style=”custom” bg_color=”#ecf0f1″ bg_hover_color_style=”custom” bg_hover_color=”#ecf0f1″ text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#7e8c8c” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1leHRlcm5hbC1saW5rLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=” color_mode=”default” color=”#22baed”]Button[/dt_button]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Button”

Tab “General”

Extra class name: btn-margin

Caption: Button

Link URL: [Paste a link]

Open link in: New window

Smooth scroll: No

Button alignment: Default

Animation: none

Tab “Style”

Size: Large

Style: Outline with background on hover

Background (border) color: Custom, #9b58b5

Background (border) hover color: Custom, #9b58b5

Text color: Custom, #9b58b5

Text hover color: Custom, #ffffff

Tab “Icon”

Icon: <i class=”fa fa-coffee”></i>

Icon align: Right
[dt_gap height=”10″ /]

Outline

[dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”outline” bg_color_style=”custom” bg_color=”#ecf0f1″ bg_hover_color_style=”custom” bg_hover_color=”#ecf0f1″ text_color_style=”context” text_hover_color_style=”accent” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”outline” bg_color_style=”custom” bg_color=”#3598dc” bg_hover_color_style=”custom” bg_hover_color=”#bec3c7″ text_color_style=”custom” text_color=”#3598dc” text_hover_color_style=”custom” text_hover_color=”#bec3c7″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGV2cm9uLWNpcmNsZS1yaWdodCUyMiUzRSUzQyUyRmklM0U=” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”outline” bg_color_style=”custom” bg_color=”#e84c3d” bg_hover_color_style=”custom” bg_hover_color=”#bec3c7″ text_color_style=”custom” text_color=”#e84c3d” text_hover_color_style=”custom” text_hover_color=”#bec3c7″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” size=”big” style=”outline” bg_color_style=”custom” bg_color=”#2dcc70″ bg_hover_color_style=”custom” bg_hover_color=”#bec3c7″ text_color_style=”custom” text_color=”#2dcc70″ text_hover_color_style=”custom” text_hover_color=”#bec3c7″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGVjay1zcXVhcmUlMjIlM0UlM0MlMkZpJTNF” color_mode=”default” color=”#22baed”]Button[/dt_button]
[dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”outline” bg_color_style=”custom” bg_color=”#95a5a5″ bg_hover_color_style=”custom” bg_hover_color=”#f1c40f” text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#f1c40f” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”outline” bg_color_style=”custom” bg_color=”#95a5a5″ bg_hover_color_style=”custom” bg_hover_color=”#19bd9b” text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#19bd9b” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS10aW1lcy1jaXJjbGUlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”outline” bg_color_style=”custom” bg_color=”#95a5a5″ bg_hover_color_style=”custom” bg_hover_color=”#9b58b5″ text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#9b58b5″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” size=”medium” style=”outline” bg_color_style=”custom” bg_color=”#95a5a5″ bg_hover_color_style=”custom” bg_hover_color=”#2d3e50″ text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#2d3e50″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1wbHVzLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=” color_mode=”default” color=”#22baed”]Button[/dt_button]
[dt_button el_class=”btn-margin” target_blank=”true” style=”outline” bg_color_style=”custom” bg_color=”#ecf0f1″ bg_hover_color_style=”custom” bg_hover_color=”#e77e23″ text_color_style=”custom” text_color=”#e77e23″ text_hover_color_style=”custom” text_hover_color=”#e77e23″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” style=”outline” bg_color_style=”custom” bg_color=”#ecf0f1″ bg_hover_color_style=”custom” bg_hover_color=”#2dcc70″ text_color_style=”custom” text_color=”#2dcc70″ text_hover_color_style=”custom” text_hover_color=”#2dcc70″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” style=”outline” bg_color_style=”custom” bg_color=”#ecf0f1″ bg_hover_color_style=”custom” bg_hover_color=”#e84c3d” text_color_style=”custom” text_color=”#e84c3d” text_hover_color_style=”custom” text_hover_color=”#e84c3d” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” style=”outline” bg_color_style=”custom” bg_color=”#ecf0f1″ bg_hover_color_style=”custom” bg_hover_color=”#9b58b5″ text_color_style=”custom” text_color=”#9b58b5″ text_hover_color_style=”custom” text_hover_color=”#9b58b5″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1leHRlcm5hbC1saW5rLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=” color_mode=”default” color=”#22baed”]Button[/dt_button]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Button”

Tab “General”

Extra class name: btn-margin

Caption: Button

Link URL: [Paste a link]

Open link in: New window

Smooth scroll: No

Button alignment: Default

Animation: none

Tab “Style”

Size: Medium

Style: Outline

Background (border) color: Custom, #95a5a5

Background (border) hover color: Custom, #19bd9b

Text color: Custom, #95a5a5

Text hover color: Custom, #19bd9b

Tab “Icon”

Icon: <i class=”fa fa-coffee”></i>

Icon align: Right
[dt_gap height=”10″ /]

Light with background on hover

[dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”light_with_bg” bg_hover_color_style=”accent” text_color_style=”context” text_hover_color_style=”custom” text_hover_color=”#ffffff” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”light_with_bg” bg_hover_color_style=”custom” bg_hover_color=”#9b58b5″ text_color_style=”custom” text_color=”#9b58b5″ text_hover_color_style=”custom” text_hover_color=”#ffffff” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGV2cm9uLWNpcmNsZS1yaWdodCUyMiUzRSUzQyUyRmklM0U=” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”light_with_bg” bg_hover_color_style=”custom” bg_hover_color=”#e84c3d” text_color_style=”custom” text_color=”#e84c3d” text_hover_color_style=”custom” text_hover_color=”#ffffff” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” size=”big” style=”light_with_bg” bg_hover_color_style=”custom” bg_hover_color=”#e77e23″ text_color_style=”custom” text_color=”#e77e23″ text_hover_color_style=”custom” text_hover_color=”#ffffff” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGVjay1zcXVhcmUlMjIlM0UlM0MlMkZpJTNF” color_mode=”default” color=”#22baed”]Button[/dt_button]
[dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”light_with_bg” bg_hover_color_style=”custom” bg_hover_color=”#f1c40f” text_color_style=”custom” text_color=”#f1c40f” text_hover_color_style=”custom” text_hover_color=”#ffffff” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”light_with_bg” bg_hover_color_style=”custom” bg_hover_color=”#19bd9b” text_color_style=”custom” text_color=”#19bd9b” text_hover_color_style=”custom” text_hover_color=”#ffffff” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS10aW1lcy1jaXJjbGUlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”light_with_bg” bg_hover_color_style=”custom” bg_hover_color=”#3598dc” text_color_style=”custom” text_color=”#3598dc” text_hover_color_style=”custom” text_hover_color=”#ffffff” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” size=”medium” style=”light_with_bg” bg_hover_color_style=”custom” bg_hover_color=”#95a5a5″ text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#ffffff” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1wbHVzLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=” color_mode=”default” color=”#22baed”]Button[/dt_button]
[dt_button el_class=”btn-margin” target_blank=”true” style=”light_with_bg” bg_hover_color_style=”custom” bg_hover_color=”#5d6e7e” text_color_style=”custom” text_color=”#5d6e7e” text_hover_color_style=”custom” text_hover_color=”#ffffff” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” style=”light_with_bg” bg_hover_color_style=”custom” bg_hover_color=”#2dcc70″ text_color_style=”custom” text_color=”#2dcc70″ text_hover_color_style=”custom” text_hover_color=”#ffffff” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” style=”light_with_bg” bg_hover_color_style=”custom” bg_hover_color=”#2d3e50″ text_color_style=”custom” text_color=”#2d3e50″ text_hover_color_style=”custom” text_hover_color=”#ffffff” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” style=”light_with_bg” bg_hover_color_style=”custom” bg_hover_color=”#ecf0f1″ text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#7e8c8c” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1leHRlcm5hbC1saW5rLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=” color_mode=”default” color=”#22baed”]Button[/dt_button]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Button”

Tab “General”

Extra class name: btn-margin

Caption: Button

Link URL: [Paste a link]

Open link in: New window

Smooth scroll: No

Button alignment: Default

Animation: none

Tab “Style”

Size: Small

Style: Light with background on hover

Background (border) hover color: Custom, #2dcc70

Text color: Custom, #2dcc70

Text hover color: Custom, #ffffff

Tab “Icon”

Icon: <i class=”fa fa-coffee”></i>

Icon align: Right
[dt_gap height=”10″ /]

Light

[dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”light” text_color_style=”context” text_hover_color_style=”accent” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”light” text_color_style=”custom” text_color=”#3598dc” text_hover_color_style=”custom” text_hover_color=”#bec3c7″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGV2cm9uLWNpcmNsZS1yaWdodCUyMiUzRSUzQyUyRmklM0U=” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”light” text_color_style=”custom” text_color=”#e84c3d” text_hover_color_style=”custom” text_hover_color=”#bec3c7″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” size=”big” style=”light” text_color_style=”custom” text_color=”#2dcc70″ text_hover_color_style=”custom” text_hover_color=”#bec3c7″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGVjay1zcXVhcmUlMjIlM0UlM0MlMkZpJTNF” color_mode=”default” color=”#22baed”]Button[/dt_button]
[dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”light” text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#f1c40f” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”light” text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#19bd9b” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS10aW1lcy1jaXJjbGUlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”light” text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#9b58b5″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” size=”medium” style=”light” text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#2d3e50″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1wbHVzLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=” color_mode=”default” color=”#22baed”]Button[/dt_button]
[dt_button el_class=”btn-margin” target_blank=”true” style=”light” text_color_style=”custom” text_color=”#e77e23″ text_hover_color_style=”custom” text_hover_color=”#95a5a5″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” style=”light” text_color_style=”custom” text_color=”#2dcc70″ text_hover_color_style=”custom” text_hover_color=”#95a5a5″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” style=”light” text_color_style=”custom” text_color=”#e84c3d” text_hover_color_style=”custom” text_hover_color=”#95a5a5″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” style=”light” text_color_style=”custom” text_color=”#9b58b5″ text_hover_color_style=”custom” text_hover_color=”#95a5a5″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1leHRlcm5hbC1saW5rLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=” color_mode=”default” color=”#22baed”]Button[/dt_button]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Button”

Tab “General”

Extra class name: btn-margin

Caption: Button

Link URL: [Paste a link]

Open link in: New window

Smooth scroll: No

Button alignment: Default

Animation: none

Tab “Style”

Size: Small

Style: Light

Text color: Custom, #9b58b5

Text hover color: Custom, #95a5a5

Tab “Icon”

Icon: <i class=”fa fa-coffee”></i>

Icon align: Right
[dt_gap height=”10″ /]

Link

[dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”link” text_color_style=”context” text_hover_color_style=”accent” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”link” text_color_style=”custom” text_color=”#3598dc” text_hover_color_style=”custom” text_hover_color=”#bec3c7″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGV2cm9uLWNpcmNsZS1yaWdodCUyMiUzRSUzQyUyRmklM0U=” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”big” style=”link” text_color_style=”custom” text_color=”#e84c3d” text_hover_color_style=”custom” text_hover_color=”#bec3c7″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” size=”big” style=”link” text_color_style=”custom” text_color=”#2dcc70″ text_hover_color_style=”custom” text_hover_color=”#bec3c7″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jaGVjay1zcXVhcmUlMjIlM0UlM0MlMkZpJTNF” color_mode=”default” color=”#22baed”]Button[/dt_button]
[dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”link” text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#f1c40f” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”link” text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#19bd9b” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS10aW1lcy1jaXJjbGUlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” size=”medium” style=”link” text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#9b58b5″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” size=”medium” style=”link” text_color_style=”custom” text_color=”#95a5a5″ text_hover_color_style=”custom” text_hover_color=”#2d3e50″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1wbHVzLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=” color_mode=”default” color=”#22baed”]Button[/dt_button]
[dt_button el_class=”btn-margin” target_blank=”true” style=”link” text_color_style=”custom” text_color=”#e77e23″ text_hover_color_style=”custom” text_hover_color=”#95a5a5″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” style=”link” text_color_style=”custom” text_color=”#2dcc70″ text_hover_color_style=”custom” text_hover_color=”#95a5a5″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button el_class=”btn-margin” target_blank=”true” style=”link” text_color_style=”custom” text_color=”#e84c3d” text_hover_color_style=”custom” text_hover_color=”#95a5a5″ color_mode=”default” color=”#22baed”]Button[/dt_button][dt_button target_blank=”true” style=”link” text_color_style=”custom” text_color=”#9b58b5″ text_hover_color_style=”custom” text_hover_color=”#95a5a5″ icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1leHRlcm5hbC1saW5rLXNxdWFyZSUyMiUzRSUzQyUyRmklM0U=” color_mode=”default” color=”#22baed”]Button[/dt_button]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Button”

Tab “General”

Extra class name: btn-margin

Caption: Button

Link URL: [Paste a link]

Open link in: New window

Smooth scroll: No

Button alignment: Default

Animation: none

Tab “Style”

Size: Medium

Style: Link

Text color: Custom, #95a5a5

Text hover color: Custom, #19bd9b

Tab “Icon”

Icon: <i class=”fa fa-coffee”></i>

Icon align: Right
[dt_gap height=”10″ /]

Full width buttons

[dt_button el_class=”full-width-btn” target_blank=”true” size=”big” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jb2ZmZWUlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Full Width Button[/dt_button]
[dt_button el_class=”full-width-btn” target_blank=”true” size=”big” bg_color_style=”custom” bg_color=”#e84c3d” bg_hover_color_style=”custom” bg_hover_color=”#5d6e7e” text_color_style=”custom” text_color=”#ffffff” text_hover_color_style=”custom” text_hover_color=”#ffffff” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jb2ZmZWUlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Full Width Button[/dt_button]
[dt_button el_class=”full-width-btn” target_blank=”true” size=”big” style=”outline” bg_color_style=”custom” bg_color=”#5d6e7e” bg_hover_color_style=”custom” bg_hover_color=”#3598dc” text_color_style=”custom” text_color=”#5d6e7e” text_hover_color_style=”custom” text_hover_color=”#3598dc” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jb2ZmZWUlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Full Width Button[/dt_button]
[dt_button el_class=”full-width-btn” target_blank=”true” size=”big” style=”outline_with_bg” bg_color_style=”custom” bg_color=”#2dcc70″ bg_hover_color_style=”custom” bg_hover_color=”#2dcc70″ text_color_style=”custom” text_color=”#2dcc70″ text_hover_color_style=”custom” text_hover_color=”#ffffff” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jb2ZmZWUlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Full Width Button[/dt_button]
[dt_button el_class=”full-width-btn” target_blank=”true” size=”big” style=”light_with_bg” bg_hover_color_style=”accent” text_color_style=”context” text_hover_color_style=”custom” text_hover_color=”#ffffff” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jb2ZmZWUlMjIlM0UlM0MlMkZpJTNF” icon_align=”right” color_mode=”default” color=”#22baed”]Full Width Button[/dt_button]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Button”

Tab “General”

Extra class name: full-width-btn

Caption: Button

Link URL: [Paste a link]

Open link in: New window

Smooth scroll: No

Button alignment: Default

Animation: none

Tab “Style”

Size: Large

Style: Default (from Theme Options/Buttons)

Background (border) color: Default (from Theme Options/Buttons)

Background (border) hover color: Default (from Theme Options/Buttons)

Text color: Default (from Theme Options/Buttons)

Text hover color: Default (from Theme Options/Buttons)

Tab “Icon”

Icon: <i class=”fa fa-coffee”></i>

Icon align: Right
[dt_gap height=”10″ /]