Custom
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: custom
Background: #cddc38
Text: #ffffff
Shape: Square
Size: Normal
Alignment: Left
Set full width button: No
Add icon: No
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: custom
Background: #673ab7
Text: #ffffff
Shape: Rounded
Size: Large
Alignment: Left
Set full width button: No
Add icon: Yes
Icon Alignment: Left
Icon library: Font Awesome
Icon: [select an icon]
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: custom
Background: #607d8b
Text: #ffffff
Shape: Round
Size: Small
Alignment: Left
Set full width button: No
Add icon: Yes
Icon Alignment: Right
Icon library: Font Awesome
Icon: [select an icon]
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
Outline custom
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: Outline custom
Outline and Text: #9e9e9e
Hover background: #9e9e9e
Hover text: #ffffff
Shape: Square
Size: Mini
Alignment: Left
Set full width button: No
Add icon: No
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: Outline custom
Outline and Text: #673ab7
Hover background: #673ab7
Hover text: #ffffff
Shape: Rounded
Size: large
Alignment: Left
Set full width button: Yes
Add icon: No
Icon Alignment: Right
Icon library: Font Awesome
Icon: [select an icon]
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: Outline custom
Outline and Text: #ff5722
Hover background: #ff5722
Hover text: #ffffff
Shape: Round
Size: Normal
Alignment: Left
Set full width button: No
Add icon: Yes
Icon Alignment: Right
Icon library: Font Awesome
Icon: [select an icon]
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
3D
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: 3d
Shape: Square
Color: Sandy brown
Size: Small
Alignment: Left
Set full width button: No
Add icon: No
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: 3d
Shape: Rounded
Color: Peacoc
Size: Large
Alignment: Left
Set full width button: No
Add icon: Yes
Icon Alignment: Left
Icon library: Font Awesome
Icon: [select an icon]
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: 3d
Shape: Round
Color: Grey
Size: Mini
Alignment: Left
Set full width button: No
Add icon: Yes
Icon Alignment: Right
Icon library: Font Awesome
Icon: [select an icon]
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
Modern
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: Modern
Shape: Square
Color: Blue
Size: Large
Alignment: Left
Set full width button: No
Add icon: No
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: Modern
Shape: Rounded
Color: Chino
Size: Normal
Alignment: Left
Set full width button: No
Add icon: Yes
Icon Alignment: Left
Icon library: Font Awesome
Icon: [select an icon]
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: Modern
Shape: Round
Color: Purple
Size: Small
Alignment: Left
Set full width button: No
Add icon: Yes
Icon Alignment: Right
Icon library: Font Awesome
Icon: [select an icon]
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
Classic
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: Classic
Shape: Square
Color: Blue
Size: Large
Alignment: Left
Set full width button: No
Add icon: No
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: Classic
Shape: Rounded
Color: Vista Blue
Size: Mini
Alignment: Left
Set full width button: No
Add icon: Yes
Icon Alignment: Left
Icon library: Font Awesome
Icon: [select an icon]
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: Classic
Shape: Round
Color: Purple
Size: Small
Alignment: Left
Set full width button: No
Add icon: Yes
Icon Alignment: Right
Icon library: Font Awesome
Icon: [select an icon]
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
Flat
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: Flat
Shape: Square
Color: Blue
Size: Large
Alignment: Left
Set full width button: No
Add icon: No
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: Flat
Shape: Rounded
Color: Mulled Wine
Size: Small
Alignment: Left
Set full width button: No
Add icon: Yes
Icon Alignment: Left
Icon library: Font Awesome
Icon: [select an icon]
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]
GET SETTINGS
[dt_gap height=”10″ /]VC Element: “Button” (VC)
Text: Button name
Link URL: [Paste a link]
Style: Flat
Shape: Round
Color: Grey
Size: Mini
Alignment: Left
Set full width button: No
Add icon: Yes
Icon Alignment: Right
Icon library: Font Awesome
Icon: [select an icon]
CSS Animation: none
Smooth scroll: No[dt_gap height=”10″ /]