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