纽扣
[vc_row full_width=”stretch_row” parallax=”content-moving” css=”.vc_custom_1430236575665{顶部填充: 35像素 !重要的;填充底部: 60像素 !重要的;背景图: 网址(http://vcpreview.com/80e7cd25e63ecf743e404978/wp-content/uploads/sites/23273/2015/01/background_flat.png?id=23) !重要的;背景位置: 中心;背景重复: 不重复;背景大小:覆盖;}”][vc_column][vc_custom_heading text=”纽扣” font_container=”tag:小时2|字体大小:46|文本对齐:左边|颜色:%23噗噗噗|行高:1.5″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:700%20bold%20regular%3A700%3Anormal”][vc_separator align=”align_left” border_width=”3″ el_width=”50″ el_class=”separator-in-title”][vc_column_text css=”.vc_custom_1422958044102{顶部边距: -15像素 !重要的;}”]Visual Composer includes set of eye catching buttons with multiple styling options.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Classic Buttons” font_container=”tag:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1422958225127{填充底部: 15像素 !重要的;}”][vc_column_text]
Visual Composer includes set of classic buttons backed up by well known pixel icons to drag additional attention.
[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959757477{填充底部: 35像素 !重要的;}”][vc_column width=”1/4″][vc_btn title=”Classic Button” style=”classic” color=”默认” size=”xs” align=”左边”][vc_btn title=”Classic Button” style=”classic” color=”warning” size=”sm” align=”左边”][vc_btn title=”Classic Button” style=”classic” color=”success” align=”左边”][/vc_column][vc_column width=”1/4″][vc_btn title=”Classic Button” style=”classic” shape=”square” color=”primary” size=”xs” align=”左边”][vc_btn title=”Classic Button” style=”classic” shape=”square” color=”danger” size=”sm” align=”左边”][vc_btn title=”Classic Button” style=”classic” shape=”square” color=”inverse” align=”左边”][/vc_column][vc_column width=”1/4″][vc_btn title=”Classic Button” style=”classic” shape=”round” color=”info” size=”xs” align=”左边” i_type=”pixelicons” i_icon_pixelicons=”vc_pixel_icon vc_pixel_icon-anchor” add_icon=”true”][vc_btn title=”Classic Button” style=”classic” shape=”round” color=”primary” size=”sm” align=”左边” i_type=”pixelicons” i_icon_pixelicons=”vc_pixel_icon vc_pixel_icon-tick” add_icon=”true”][vc_btn title=”Classic Button” style=”classic” shape=”round” color=”inverse” align=”左边” i_type=”pixelicons” add_icon=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”Classic Button” style=”classic” color=”inverse” size=”xs” align=”左边” i_align=”right” i_type=”pixelicons” i_icon_pixelicons=”vc_pixel_icon vc_pixel_icon-camera” add_icon=”true”][vc_btn title=”Classic Button” style=”classic” color=”success” size=”sm” align=”左边” i_align=”right” i_type=”pixelicons” i_icon_pixelicons=”vc_pixel_icon vc_pixel_icon-balloon” add_icon=”true”][vc_btn title=”Classic Button” style=”classic” color=”默认” align=”左边” i_align=”right” i_type=”pixelicons” i_icon_pixelicons=”vc_pixel_icon vc_pixel_icon-heart” add_icon=”true”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Modern Buttons” font_container=”tag:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1422958738931{填充底部: 15像素 !重要的;}”][vc_column_text]
Visual Composer offers modern buttons with wide range of color options to choose from. Modern button aligns perfectly into any layout and style and as all other buttons it comes in different shapes as well.
[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959757477{填充底部: 35像素 !重要的;}”][vc_column width=”1/4″][vc_btn title=”Modern Button” color=”orange” size=”sm” align=”左边”][vc_btn title=”Modern Button” color=”danger” align=”左边”][vc_btn title=”Modern Button” color=”blue” align=”中心” i_type=”openiconic” i_icon_openiconic=”vc-oi vc-oi-comment-inv-alt2″ button_block=”true” add_icon=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”Modern Button” shape=”square” color=”info” size=”sm” align=”左边”][vc_btn title=”Modern Button” shape=”square” color=”vista-blue” align=”左边”][vc_btn title=”Modern Button” shape=”square” color=”purple” align=”中心” button_block=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”Modern Button” shape=”round” color=”sky” size=”sm” align=”左边”][vc_btn title=”Modern Button” shape=”round” color=”success” align=”左边”][vc_btn title=”Modern Button” shape=”round” color=”green” align=”中心” i_icon_fontawesome=”fa fa-leaf” button_block=”true” add_icon=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”Modern Button” color=”sandy-brown” size=”sm” align=”左边”][vc_btn title=”Modern Button” color=”peacoc” align=”左边”][vc_btn title=”Modern Button” color=”violet” align=”中心” i_type=”openiconic” i_icon_openiconic=”vc-oi vc-oi-cog” button_block=”true” add_icon=”true”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Flat Buttons” font_container=”tag:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1430296991428{填充底部: 15像素 !重要的;}”][vc_column_text]
Flat style buttons is a trendy buttons that helps to keep your WordPress site aesthetic yet making necessary ascent on important parts.
[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959757477{填充底部: 35像素 !重要的;}”][vc_column width=”1/4″][vc_btn title=”Flat Button” style=”flat” color=”info” size=”sm” align=”左边”][vc_btn title=”Flat Button” style=”flat” color=”warning” align=”左边”][vc_btn title=”Flat Button” style=”flat” color=”inverse” align=”中心” i_type=”entypo” i_icon_entypo=”entypo-icon entypo-icon-flag” button_block=”true” add_icon=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”Flat Button” style=”flat” shape=”square” color=”turquoise” size=”sm” align=”左边”][vc_btn title=”Flat Button” style=”flat” shape=”square” color=”pink” align=”左边”][vc_btn title=”Flat Button” style=”flat” shape=”square” color=”blue” align=”中心” i_type=”entypo” i_icon_entypo=”entypo-icon entypo-icon-location” button_block=”true” add_icon=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”Flat Button” style=”flat” shape=”round” color=”peacoc” size=”sm” align=”左边”][vc_btn title=”Flat Button” style=”flat” shape=”round” color=”vista-blue” align=”左边”][vc_btn title=”Flat Button” style=”flat” shape=”round” color=”mulled-wine” align=”中心” button_block=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”Flat Button” style=”flat” color=”orange” size=”sm” align=”左边”][vc_btn title=”Flat Button” style=”flat” color=”sandy-brown” align=”左边”][vc_btn title=”Flat Button” style=”flat” color=”juicy-pink” align=”中心” button_block=”true”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Outline Buttons” font_container=”tag:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1430296379895{填充底部: 15像素 !重要的;}”][vc_column_text]
Outline buttons offer a well crafted trendy buttons with outline and beautiful hover effect. 而且, outline buttons can be well combined with flat buttons to serve as a secondary button, especially in e-commerce solutions.
[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959757477{填充底部: 35像素 !重要的;}”][vc_column width=”1/4″][vc_btn title=”Outline Button” style=”outline” color=”info” size=”sm” align=”左边”][vc_btn title=”Outline Button” style=”outline” color=”success” align=”左边”][vc_btn title=”Outline Button” style=”outline” color=”inverse” align=”中心” button_block=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”Outline Button” style=”outline” shape=”square” color=”chino” size=”sm” align=”左边”][vc_btn title=”Outline Button” style=”outline” shape=”square” color=”turquoise” align=”左边”][vc_btn title=”Outline Button” style=”outline” shape=”square” color=”blue” align=”中心” i_icon_fontawesome=”fa fa-magic” button_block=”true” add_icon=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”Outline Button” style=”outline” shape=”round” color=”vista-blue” size=”sm” align=”左边”][vc_btn title=”Outline Button” style=”outline” shape=”round” color=”orange” align=”左边”][vc_btn title=”Outline Button” style=”outline” shape=”round” color=”juicy-pink” align=”中心” button_block=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”Outline Button” style=”outline” size=”sm” align=”左边”][vc_btn title=”Outline Button” style=”outline” color=”sandy-brown” align=”左边”][vc_btn title=”Outline Button” style=”outline” color=”inverse” align=”中心” i_type=”openiconic” i_icon_openiconic=”vc-oi vc-oi-search” button_block=”true” add_icon=”true”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”3D Buttons” font_container=”tag:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1430295561871{填充底部: 15像素 !重要的;}”][vc_column_text]
3D style buttons with fancy animation will add simple yet good looking effect to your WordPress site.
[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959757477{填充底部: 35像素 !重要的;}”][vc_column width=”1/4″][vc_btn title=”3D Button” style=”3d” color=”primary” size=”sm” align=”左边”][vc_btn title=”3D Button” style=”3d” color=”success” align=”左边”][vc_btn title=”3D Button” style=”3d” color=”danger” align=”左边” i_icon_fontawesome=”fa fa-check” add_icon=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”3D Button” style=”3d” shape=”square” color=”chino” size=”sm” align=”左边”][vc_btn title=”3D Button” style=”3d” shape=”square” color=”peacoc” align=”左边”][vc_btn title=”3D Button” style=”3d” shape=”square” color=”mulled-wine” align=”左边” i_align=”right” i_icon_fontawesome=”fa fa-chevron-right” add_icon=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”3D Button” style=”3d” shape=”round” color=”vista-blue” size=”sm” align=”左边”][vc_btn title=”3D Button” style=”3d” shape=”round” color=”orange” align=”左边”][vc_btn title=”3D Button” style=”3d” shape=”round” color=”juicy-pink” align=”左边” i_type=”openiconic” i_icon_openiconic=”vc-oi vc-oi-heart” add_icon=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”3D Button” style=”3d” color=”sandy-brown” size=”sm” align=”左边”][vc_btn title=”3D Button” style=”3d” color=”purple” align=”左边”][vc_btn title=”3D Button” style=”3d” color=”inverse” align=”左边” i_type=”entypo” i_icon_entypo=”entypo-icon entypo-icon-lifebuoy” add_icon=”true”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Block Buttons” font_container=”tag:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1430237746309{填充底部: 15像素 !重要的;}”][vc_column_text]
Block buttons allows display of full column width buttons which are perfect for making additional attention to this button. Such type of buttons are well used in e-commerce solutions.
[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959757477{填充底部: 35像素 !重要的;}”][vc_column width=”1/3″][vc_btn title=”Block Button” color=”sky” align=”中心” button_block=”true”][vc_btn title=”Block Button” style=”classic” color=”info” align=”中心” i_type=”pixelicons” i_icon_pixelicons=”vc_pixel_icon vc_pixel_icon-mail” button_block=”true” add_icon=”true”][/vc_column][vc_column width=”1/3″][vc_btn title=”Block Button” style=”flat” shape=”round” color=”violet” align=”中心” button_block=”true”][vc_btn title=”Block Button” style=”3d” color=”sky” align=”中心” button_block=”true”][/vc_column][vc_column width=”1/3″][vc_btn title=”Block Button” style=”outline” shape=”square” color=”sandy-brown” align=”中心” button_block=”true”][vc_btn title=”Block Button” style=”outline” shape=”round” color=”pink” align=”中心” i_type=”entypo” i_icon_entypo=”entypo-icon entypo-icon-search” button_block=”true” add_icon=”true”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Custom Buttons” font_container=”tag:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1430295726806{填充底部: 15像素 !重要的;}”][vc_column_text]
Apart from regular predefined colors of Visual Composer you can create your custom color button any time to align it with your overall site perfectly. In addition you can control not only button color itself, but also text color as well.
[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959757477{填充底部: 35像素 !重要的;}”][vc_column width=”1/4″][vc_btn title=”Custom Button” style=”custom” custom_background=”#5cb5f9″ custom_text=”#噗噗噗” size=”sm” align=”左边”][vc_btn title=”Custom Button” style=”custom” custom_background=”#3965a3″ custom_text=”#噗噗噗” align=”中心” button_block=”true”][vc_btn title=”Custom Button” style=”custom” custom_background=”#4788c1″ custom_text=”#噗噗噗” align=”左边”][/vc_column][vc_column width=”1/4″][vc_btn title=”Custom Button” style=”custom” custom_background=”#a9d14d” custom_text=”#噗噗噗” shape=”square” size=”sm” align=”左边”][vc_btn title=”Custom Button” style=”custom” custom_background=”#4db237″ custom_text=”#噗噗噗” shape=”square” align=”左边”][vc_btn title=”Custom Button” style=”custom” custom_background=”#31a04d” custom_text=”#eded5a” shape=”square” align=”中心” button_block=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”Custom Button” style=”custom” custom_background=”#45bca2″ custom_text=”#噗噗噗” shape=”round” size=”sm” align=”左边”][vc_btn title=”Custom Button” style=”custom” custom_background=”#309b8f” custom_text=”#噗噗噗” shape=”round” align=”左边” i_type=”pixelicons” i_icon_pixelicons=”vc_pixel_icon vc_pixel_icon-balloon” add_icon=”true”][vc_btn title=”Custom Button” style=”custom” custom_background=”#01665F” custom_text=”#噗噗噗” shape=”round” align=”中心” i_type=”entypo” i_icon_entypo=”entypo-icon entypo-icon-lock” button_block=”true” add_icon=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”Custom Button” style=”custom” custom_background=”#ed9557″ custom_text=”#噗噗噗” size=”sm” align=”左边”][vc_btn title=”Custom Button” style=”custom” custom_background=”#d85943″ custom_text=”#噗噗噗” align=”左边” i_type=”openiconic” i_icon_openiconic=”vc-oi vc-oi-user” add_icon=”true”][vc_btn title=”Custom Button” style=”custom” custom_background=”#c40135″ custom_text=”#eded93″ align=”中心” i_type=”entypo” i_icon_entypo=”entypo-icon entypo-icon-block” button_block=”true” add_icon=”true”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Custom Outline Buttons” font_container=”tag:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1435761882115{填充底部: 15像素 !重要的;}”][vc_column_text]
In addition to standard Custom Buttons it is also possible to use Outline Custom Buttons where you can control standard color, hover color and text color on hover.
[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959757477{填充底部: 35像素 !重要的;}”][vc_column width=”1/4″][vc_btn title=”Custom Button” style=”outline-custom” outline_custom_color=”#5e5e5e” outline_custom_hover_background=”#d34168″ outline_custom_hover_text=”#噗噗噗” size=”sm” align=”左边”][vc_btn title=”Custom Button” style=”outline-custom” outline_custom_color=”#5e5e5e” outline_custom_hover_background=”#e2bf34″ outline_custom_hover_text=”#噗噗噗” align=”中心” button_block=”true”][vc_btn title=”Custom Button” style=”outline-custom” outline_custom_color=”#5e5e5e” outline_custom_hover_background=”#8fc11b” outline_custom_hover_text=”#噗噗噗” align=”左边”][/vc_column][vc_column width=”1/4″][vc_btn title=”Custom Button” style=”outline-custom” outline_custom_color=”#1e73be” outline_custom_hover_background=”#edcb21″ outline_custom_hover_text=”#1e73be” shape=”square” size=”sm” align=”左边”][vc_btn title=”Custom Button” style=”outline-custom” outline_custom_color=”#993d3d” outline_custom_hover_background=”#d35454″ outline_custom_hover_text=”#噗噗噗” shape=”square” align=”左边”][vc_btn title=”Custom Button” style=”outline-custom” outline_custom_color=”#31a078″ outline_custom_hover_background=”#5e5e5e” outline_custom_hover_text=”#噗噗噗” shape=”square” align=”中心” button_block=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”Custom Button” style=”outline-custom” outline_custom_color=”#a82626″ outline_custom_hover_background=”#d34030″ outline_custom_hover_text=”#噗噗噗” shape=”round” size=”sm” align=”左边”][vc_btn title=”Custom Button” style=”outline-custom” outline_custom_color=”#bcb76d” outline_custom_hover_background=”#e5d820″ outline_custom_hover_text=”#噗噗噗” shape=”round” align=”左边” i_type=”pixelicons” i_icon_pixelicons=”vc_pixel_icon vc_pixel_icon-balloon” add_icon=”true”][vc_btn title=”Custom Button” style=”outline-custom” outline_custom_color=”#ddb77e” outline_custom_hover_background=”#dd9933″ outline_custom_hover_text=”#噗噗噗” shape=”round” align=”中心” i_type=”entypo” i_icon_entypo=”entypo-icon entypo-icon-lock” button_block=”true” add_icon=”true”][/vc_column][vc_column width=”1/4″][vc_btn title=”Custom Button” style=”outline-custom” outline_custom_color=”#5e5e5e” outline_custom_hover_background=”#e89b61″ outline_custom_hover_text=”#噗噗噗” size=”sm” align=”左边”][vc_btn title=”Custom Button” style=”outline-custom” outline_custom_color=”#5e5e5e” outline_custom_hover_background=”#c660d6″ outline_custom_hover_text=”#噗噗噗” align=”左边” i_type=”openiconic” i_icon_openiconic=”vc-oi vc-oi-user” add_icon=”true”][vc_btn title=”Custom Button” style=”outline-custom” outline_custom_color=”#5e5e5e” outline_custom_hover_background=”#e2d51f” outline_custom_hover_text=”#721414″ align=”中心” i_type=”entypo” i_icon_entypo=”entypo-icon entypo-icon-block” button_block=”true” add_icon=”true”][/vc_column][/vc_row][vc_row full_width=”stretch_row” parallax=”content-moving” css=”.vc_custom_1430230577382{margin-bottom: -1像素 !重要的;顶部填充: 35像素 !重要的;填充底部: 45像素 !重要的;背景图: 网址(http://vcpreview.com/80e7cd25e63ecf743e404978/wp-content/uploads/sites/23273/2015/01/background_flat.png?id=23) !重要的;背景位置: 中心;背景重复: 不重复;背景大小:覆盖;}”][vc_column][vc_custom_heading text=”Want Some More?” font_container=”tag:小时4|字体大小:38|文本对齐:中心|颜色:%23噗噗噗|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text css=”.vc_custom_1430236591584{margin-bottom: 15像素 !重要的;}”]
Why don’t you test it yourself? You are only one click away from your personal demo which allow you to access of the elements and see how easy it is to work with Visual Composer Page Builder for WordPress.
[/vc_column_text][vc_btn title=”Launch My Demo Site” style=”flat” color=”juicy-pink” size=”lg” align=”中心” link=”||” el_class=”vcd_start”][/vc_column][/vc_row]