Default button

ButtonButtonButtonButton
ButtonButtonButtonButton
ButtonButtonButtonButton

GET SETTINGS

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

Outline with background on hover

ButtonButtonButtonButton
ButtonButtonButtonButton
ButtonButtonButtonButton

GET SETTINGS

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

Outline

ButtonButtonButtonButton
ButtonButtonButtonButton
ButtonButtonButtonButton

GET SETTINGS

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

Light with background on hover

ButtonButtonButtonButton
ButtonButtonButtonButton
ButtonButtonButtonButton

GET SETTINGS

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

Light

ButtonButtonButtonButton
ButtonButtonButtonButton
ButtonButtonButtonButton

GET SETTINGS

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

Link

ButtonButtonButtonButton
ButtonButtonButtonButton
ButtonButtonButtonButton

GET SETTINGS

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

Full width buttons

Full Width Button
Full Width Button
Full Width Button
Full Width Button
Full Width Button

GET SETTINGS

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