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