Button VC

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″ /]