[vc_row css=”.vc_custom_1440082997555{margin-bottom: 0px !important;}”][vc_column][sh_header size=”h4″ header=”Button Element” barwidth=”50px” barcolor=”#e74c3c”]
The Button Element gives you amazing options for creating buttons. Unlimited colors and all included Icons how about that!
[/sh_header][/vc_column][/vc_row][vc_row][vc_column][sh_headerdouble size=”h5″]
Unlimited Colors
[/sh_headerdouble][vc_column_text]
[/vc_column_text][vc_row_inner][vc_column_inner width=”1/6″][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#1abc9c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#16a085″ bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#e67e22″ bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#d35400″ bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/6″][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#2ecc71″ bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#27ae60″ bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” target=” ” size=”large” shape=”squareRounded” color=”#c0392b” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/6″][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#3498db” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#2980b9″ bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#ecf0f1″ bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#adadad” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” target=” ” size=”large” shape=”squareRounded” color=”#bdc3c7″ bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/6″][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#9b59b6″ bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#8e44ad” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#95a5a6″ bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” target=” ” size=”large” shape=”squareRounded” color=”#7f8c8d” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/6″][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#34495e” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#2c3e50″ bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#ffffff” bordercolor=”#45b707″ bordersize=”2″ fontcolor=”#45b707″ icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” target=” ” size=”large” shape=”squareRounded” color=”#ffffff” bordercolor=”#000000″ bordersize=”2″ fontcolor=”#444444″ icon=”fa fa-glass”]
A Button
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/6″][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#f1c40f” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#f39c12″ bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#ffffff” bordercolor=”#c0392b” bordersize=”2″ fontcolor=”#c0392b” icon=”fa fa-glass”]
A Button
[/sh_btn][sh_btn link=”#” target=” ” size=”large” shape=”squareRounded” color=”#ffffff” bordercolor=”#2980b9″ bordersize=”2″ fontcolor=”#2980b9″ icon=”fa fa-glass”]
A Button
[/sh_btn][/vc_column_inner][/vc_row_inner][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][sh_headerdouble size=”h5″]
Button Sizes
[/sh_headerdouble][vc_column_text]
[/vc_column_text][vc_row_inner][vc_column_inner width=”1/4″][sh_btn link=”#” shape=”squareRounded” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
Small Button
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/4″][sh_btn link=”#” size=”medium” shape=”squareRounded” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
Medium Button
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/4″][sh_btn link=”#” size=”large” shape=”squareRounded” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
Large Button
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/4″][sh_btn link=”#” size=”extralarge” shape=”squareRounded” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
Extra Large Button
[/sh_btn][/vc_column_inner][/vc_row_inner][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][sh_headerdouble size=”h5″]
Button Styles
[/sh_headerdouble][vc_column_text]
[/vc_column_text][vc_row_inner][vc_column_inner width=”1/4″][sh_btn link=”#” target=” ” size=”large” shape=”squareRounded” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
a text button
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/4″][sh_btn link=”#” target=” ” enableicon=”enable” size=”large” shape=”squareRounded” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-thumbs-o-up”]
An Icon Button
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/4″][sh_btn link=”#” target=” ” enableicon=”enable” iconbg=”square” size=”large” shape=”squareRounded” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-thumbs-o-up”]
Offset Button
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/4″][sh_btn link=”#” target=” ” enableicon=”enable” iconbg=”diagonal” size=”large” shape=”squareRounded” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-thumbs-o-up”]
Diagonal Button
[/sh_btn][/vc_column_inner][/vc_row_inner][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][sh_headerdouble size=”h5″]
How About Some Shapes
[/sh_headerdouble][vc_column_text]
[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][sh_btn link=”#” target=” ” size=”large” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
Square Button
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/3″][sh_btn link=”#” target=” ” size=”large” shape=”squareRounded” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
Rounded Square
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/3″][sh_btn link=”#” target=” ” size=”large” shape=”round” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-glass”]
Round Button
[/sh_btn][/vc_column_inner][/vc_row_inner][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][sh_headerdouble size=”h5″]
Borders Any Color Up To 24px
[/sh_headerdouble][vc_column_text]
[/vc_column_text][vc_row_inner][vc_column_inner width=”1/6″][sh_btn link=”#” target=” ” enableicon=”enable” color=”#ffffff” bordercolor=”#111111″ bordersize=”1″ fontcolor=”#111111″ icon=”fa fa-home”]
1px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”squareRounded” color=”#ffffff” bordercolor=”#111111″ bordersize=”1″ fontcolor=”#111111″ icon=”fa fa-home”]
1px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”round” color=”#ffffff” bordercolor=”#111111″ bordersize=”1″ fontcolor=”#111111″ icon=”fa fa-home”]
1px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”squareRounded” color=”#ffffff” bordercolor=”#1abc9c” bordersize=”1″ fontcolor=”#111111″ icon=”fa fa-home”]
1px Border
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/6″][sh_btn link=”#” target=” ” enableicon=”enable” color=”#ffffff” bordercolor=”#222222″ bordersize=”2″ fontcolor=”#222222″ icon=”fa fa-home”]
2px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”squareRounded” color=”#ffffff” bordercolor=”#222222″ bordersize=”2″ fontcolor=”#222222″ icon=”fa fa-home”]
2px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”round” color=”#ffffff” bordercolor=”#222222″ bordersize=”2″ fontcolor=”#222222″ icon=”fa fa-home”]
2px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”squareRounded” color=”#ffffff” bordercolor=”#2ecc71″ bordersize=”2″ fontcolor=”#222222″ icon=”fa fa-home”]
2px Border
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/6″][sh_btn link=”#” target=” ” enableicon=”enable” color=”#ffffff” bordercolor=”#333333″ bordersize=”3″ fontcolor=”#333333″ icon=”fa fa-home”]
3px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”squareRounded” color=”#ffffff” bordercolor=”#333333″ bordersize=”3″ fontcolor=”#333333″ icon=”fa fa-home”]
3px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”round” color=”#ffffff” bordercolor=”#333333″ bordersize=”3″ fontcolor=”#333333″ icon=”fa fa-home”]
3px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”squareRounded” color=”#ffffff” bordercolor=”#3498db” bordersize=”3″ fontcolor=”#333333″ icon=”fa fa-home”]
3px Border
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/6″][sh_btn link=”#” target=” ” enableicon=”enable” color=”#ffffff” bordercolor=”#444444″ bordersize=”4″ fontcolor=”#444444″ icon=”fa fa-home”]
4px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”squareRounded” color=”#ffffff” bordercolor=”#444444″ bordersize=”4″ fontcolor=”#444444″ icon=”fa fa-home”]
4px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”round” color=”#ffffff” bordercolor=”#444444″ bordersize=”4″ fontcolor=”#444444″ icon=”fa fa-home”]
4px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”squareRounded” color=”#ffffff” bordercolor=”#34495e” bordersize=”4″ fontcolor=”#444444″ icon=”fa fa-home”]
4px Border
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/6″][sh_btn link=”#” target=” ” enableicon=”enable” color=”#ffffff” bordercolor=”#555555″ bordersize=”5″ fontcolor=”#555555″ icon=”fa fa-home”]
5px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”squareRounded” color=”#ffffff” bordercolor=”#555555″ bordersize=”5″ fontcolor=”#555555″ icon=”fa fa-home”]
5px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”round” color=”#ffffff” bordercolor=”#555555″ bordersize=”5″ fontcolor=”#555555″ icon=”fa fa-home”]
5px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”squareRounded” color=”#ffffff” bordercolor=”#f1c40f” bordersize=”5″ fontcolor=”#555555″ icon=”fa fa-home”]
5px Border
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/6″][sh_btn link=”#” target=” ” enableicon=”enable” color=”#ffffff” bordercolor=”#666666″ bordersize=”6″ fontcolor=”#666666″ icon=”fa fa-home”]
6px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”squareRounded” color=”#ffffff” bordercolor=”#666666″ bordersize=”6″ fontcolor=”#666666″ icon=”fa fa-home”]
6px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”round” color=”#ffffff” bordercolor=”#666666″ bordersize=”6″ fontcolor=”#666666″ icon=”fa fa-home”]
6px Border
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” shape=”squareRounded” color=”#ffffff” bordercolor=”#e74c3c” bordersize=”6″ fontcolor=”#666666″ icon=”fa fa-home”]
6px Border
[/sh_btn][/vc_column_inner][/vc_row_inner][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][sh_headerdouble size=”h5″]
Button Types
[/sh_headerdouble][vc_column_text]
[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][sh_pullquote side=”center”]
Combine Flat or Dimensional Types with all the other options to create amazing buttons…with no coding!
[/sh_pullquote][/vc_column_inner][vc_column_inner width=”1/3″][sh_btn link=”#” target=” ” enableicon=”enable” iconbg=”square” size=”large” shape=”squareRounded” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-check”]
Flat Buttons
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” iconbg=”diagonal” size=”large” shape=”squareRounded” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-check”]
Flat Buttons
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” iconbg=”square” size=”large” shape=”squareRounded” color=”#3498db” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-check”]
Flat Buttons
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” iconbg=”diagonal” size=”large” shape=”squareRounded” color=”#3498db” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-check”]
Flat Buttons
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” iconbg=”square” size=”large” shape=”squareRounded” color=”#1abc9c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-check”]
Flat Buttons
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” iconbg=”diagonal” size=”large” shape=”squareRounded” color=”#1abc9c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-check”]
Flat Buttons
[/sh_btn][/vc_column_inner][vc_column_inner width=”1/3″][sh_btn link=”#” target=” ” enableicon=”enable” iconbg=”square” size=”large” shape=”squareRounded” style=”dimension” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-check”]
Dimensional
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” iconbg=”diagonal” size=”large” shape=”squareRounded” style=”dimension” color=”#e74c3c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-check”]
Dimensional
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” iconbg=”square” size=”large” shape=”squareRounded” style=”dimension” color=”#3498db” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-check”]
Dimensional
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” iconbg=”diagonal” size=”large” shape=”squareRounded” style=”dimension” color=”#3498db” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-check”]
Dimensional
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” iconbg=”square” size=”large” shape=”squareRounded” style=”dimension” color=”#1abc9c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-check”]
Dimensional
[/sh_btn][sh_btn link=”#” target=” ” enableicon=”enable” iconbg=”diagonal” size=”large” shape=”squareRounded” style=”dimension” color=”#1abc9c” bordercolor=”#ff0000″ bordersize=”0″ fontcolor=”#ffffff” icon=”fa fa-check”]
Dimensional
[/sh_btn][/vc_column_inner][/vc_row_inner][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1440083142928{margin-bottom: 0px !important;}”][vc_column][shvc_colorbg backgroundcolor=”#eeeeee” fontcolor=”#444444″][vc_empty_space height=”30px”][sh_headerdouble size=”h5″]
Features
[/sh_headerdouble][vc_row_inner][vc_column_inner width=”1/2″][shvc_checklist iconset=”linear” iconlinear=”icon-check-square”][shvc_checklist_item]
Unlimited Background Colors
[/shvc_checklist_item][shvc_checklist_item]
Enable / Disable hover color change
[/shvc_checklist_item][shvc_checklist_item]
Target window new or current
[/shvc_checklist_item][shvc_checklist_item]
Small, medium, large, and extra large
[/shvc_checklist_item][shvc_checklist_item]
4 styles including completely unique designs
[/shvc_checklist_item][/shvc_checklist][/vc_column_inner][vc_column_inner width=”1/2″][shvc_checklist iconset=”linear” iconlinear=”icon-check-square”][shvc_checklist_item]
Border size up to 24px
[/shvc_checklist_item][shvc_checklist_item]
All Font Awesome, Linearicons, and IonIcons can be used
[/shvc_checklist_item][shvc_checklist_item]
Square, rounded square, and round shaped buttons
[/shvc_checklist_item][shvc_checklist_item]
Create them in Visual Composer or Shortcode Generator
[/shvc_checklist_item][/shvc_checklist][/vc_column_inner][/vc_row_inner][vc_empty_space height=”30px”][/shvc_colorbg][/vc_column][/vc_row]