This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.

This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.
Loading...
Buttons 2017-03-14T09:07:48+00:00

Button Shortcode

Avada includes some pretty amazing button options. Buttons are an integral part cheap nfl jerseys of your site, and we’ve made sure you have the options you need to add beautiful buttons to any page. Choose from 4 sizes, 3 shapes, flat or 3D style, unlimited colors, border widths, icons, dividers and animations as well as buttons that open modal popups.

.fusion-button.button-8 .fusion-button-text, .fusion-button.button-8 i {color:rgba(000,000,000,.35);}.fusion-button.button-8 {border-width:3px;border-color:rgba(000,000,000,.35);}.fusion-button.button-8 .fusion-button-icon-divider{border-color:rgba(000,000,000,.35);}.fusion-button.button-8:hover .fusion-button-text, .fusion-button.button-8:hover i,.fusion-button.button-8:focus .fusion-button-text, .fusion-button.button-8:focus i,.fusion-button.button-8:active .fusion-button-text, .fusion-button.button-8:active{color:rgba(000,000,000,.45);}.fusion-button.button-8:hover, .fusion-button.button-8:focus, .fusion-button.button-8:active{border-width:3px;border-color:rgba(000,000,000,.45);}.fusion-button.button-8:hover .fusion-button-icon-divider, .fusion-button.button-8:hover .fusion-button-icon-divider, .fusion-button.button-8:active .fusion-button-icon-divider{border-color:rgba(000,000,000,.45);}.fusion-button.button-8{background: #74b8dc;}.fusion-button.button-8:hover,.button-8:focus,.fusion-button.button-8:active{background: #69aed2;}.fusion-button.button-8{width:auto;}Combine Anything

.fusion-button.button-9 .fusion-button-text, .fusion-button.button-9 i {color:rgba(255,255,255,.8);}.fusion-button.button-9 {border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-9 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-9.button-3d{-webkit-box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);}.button-9.button-3d:active{-webkit-box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);}.fusion-button.button-9:hover .fusion-button-text, .fusion-button.button-9:hover i,.fusion-button.button-9:focus .fusion-button-text, .fusion-button.button-9:focus i,.fusion-button.button-9:active .fusion-button-text, .fusion-button.button-9:active{color:rgba(255,255,255,.9);}.fusion-button.button-9:hover, .fusion-button.button-9:focus, .fusion-button.button-9:active{border-width:0px;border-color:rgba(255,255,255,.9);}.fusion-button.button-9:hover .fusion-button-icon-divider, .fusion-button.button-9:hover .fusion-button-icon-divider, .fusion-button.button-9:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-9{background: #a0ce4e;}.fusion-button.button-9:hover,.button-9:focus,.fusion-button.button-9:active{background: #96c346;}.fusion-button.button-9{width:auto;}Modal Click Here

.fusion-button.button-10 .fusion-button-text, .fusion-button.button-10 i {color:rgba(255,255,255,.7);}.fusion-button.button-10 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-10 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-10:hover .fusion-button-text, .fusion-button.button-10:hover i,.fusion-button.button-10:focus .fusion-button-text, .fusion-button.button-10:focus i,.fusion-button.button-10:active .fusion-button-text, .fusion-button.button-10:active{color:rgba(255,255,255,.8);}.fusion-button.button-10:hover, .fusion-button.button-10:focus, .fusion-button.button-10:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-10:hover .fusion-button-icon-divider, .fusion-button.button-10:hover .fusion-button-icon-divider, .fusion-button.button-10:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-10{background: #d8a43c;
background-image: -webkit-gradient( linear, left bottom, left top, from( #bc8f34 ), to( #d8a43c ) );
background-image: -webkit-linear-gradient( bottom, #bc8f34, #d8a43c );
background-image: -moz-linear-gradient( bottom, #bc8f34, #d8a43c );
background-image: -o-linear-gradient( bottom, #bc8f34, #d8a43c );
background-image: linear-gradient( to top, #bc8f34, #d8a43c );}.fusion-button.button-10:hover,.button-10:focus,.fusion-button.button-10:active{background: #bc8f34;
background-image: -webkit-gradient( linear, left bottom, left top, from( #d8a43c ), to( #bc8f34 ) );
background-image: -webkit-linear-gradient( bottom, #d8a43c, #bc8f34 );
background-image: -moz-linear-gradient( bottom, #d8a43c, #bc8f34 );
background-image: -o-linear-gradient( bottom, #d8a43c, #bc8f34 );
background-image: linear-gradient( to top, #d8a43c, #bc8f34 );}.fusion-button.button-10{width:auto;}Combine Anything

Unlimited Colors

Control all colors such as backgrounds, hover backgrounds, accents (border, text, icon, divider), hover accents & 3D bevel.

.fusion-button.button-11 .fusion-button-text, .fusion-button.button-11 i {color:rgba(255,255,255,.7);}.fusion-button.button-11 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-11 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-11:hover .fusion-button-text, .fusion-button.button-11:hover i,.fusion-button.button-11:focus .fusion-button-text, .fusion-button.button-11:focus i,.fusion-button.button-11:active .fusion-button-text, .fusion-button.button-11:active{color:rgba(255,255,255,.8);}.fusion-button.button-11:hover, .fusion-button.button-11:focus, .fusion-button.button-11:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-11:hover .fusion-button-icon-divider, .fusion-button.button-11:hover .fusion-button-icon-divider, .fusion-button.button-11:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-11{background: #9db668;}.fusion-button.button-11:hover,.button-11:focus,.fusion-button.button-11:active{background: #8ca558;}.fusion-button.button-11{width:auto;}Color
.fusion-button.button-12 .fusion-button-text, .fusion-button.button-12 i {color:rgba(255,255,255,.8);}.fusion-button.button-12 {border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-12 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-12:hover .fusion-button-text, .fusion-button.button-12:hover i,.fusion-button.button-12:focus .fusion-button-text, .fusion-button.button-12:focus i,.fusion-button.button-12:active .fusion-button-text, .fusion-button.button-12:active{color:rgba(255,255,255,.9);}.fusion-button.button-12:hover, .fusion-button.button-12:focus, .fusion-button.button-12:active{border-width:0px;border-color:rgba(255,255,255,.9);}.fusion-button.button-12:hover .fusion-button-icon-divider, .fusion-button.button-12:hover .fusion-button-icon-divider, .fusion-button.button-12:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-12{width:auto;}Color
.fusion-button.button-13 .fusion-button-text, .fusion-button.button-13 i {color:#868686;}.fusion-button.button-13 {border-width:1px;border-color:#868686;}.fusion-button.button-13 .fusion-button-icon-divider{border-color:#868686;}.fusion-button.button-13:hover .fusion-button-text, .fusion-button.button-13:hover i,.fusion-button.button-13:focus .fusion-button-text, .fusion-button.button-13:focus i,.fusion-button.button-13:active .fusion-button-text, .fusion-button.button-13:active{color:#747474;}.fusion-button.button-13:hover, .fusion-button.button-13:focus, .fusion-button.button-13:active{border-width:1px;border-color:#747474;}.fusion-button.button-13:hover .fusion-button-icon-divider, .fusion-button.button-13:hover .fusion-button-icon-divider, .fusion-button.button-13:active .fusion-button-icon-divider{border-color:#747474;}.fusion-button.button-13{background: transparent;}.fusion-button.button-13:hover,.button-13:focus,.fusion-button.button-13:active{background: #f8f8f8;}.fusion-button.button-13{width:auto;}Color
.fusion-button.button-14 .fusion-button-text, .fusion-button.button-14 i {color:#868686;}.fusion-button.button-14 {border-width:1px;border-color:#868686;}.fusion-button.button-14 .fusion-button-icon-divider{border-color:#868686;}.fusion-button.button-14:hover .fusion-button-text, .fusion-button.button-14:hover i,.fusion-button.button-14:focus .fusion-button-text, .fusion-button.button-14:focus i,.fusion-button.button-14:active .fusion-button-text, .fusion-button.button-14:active{color:#747474;}.fusion-button.button-14:hover, .fusion-button.button-14:focus, .fusion-button.button-14:active{border-width:1px;border-color:#747474;}.fusion-button.button-14:hover .fusion-button-icon-divider, .fusion-button.button-14:hover .fusion-button-icon-divider, .fusion-button.button-14:active .fusion-button-icon-divider{border-color:#747474;}.fusion-button.button-14{background: transparent;}.fusion-button.button-14:hover,.button-14:focus,.fusion-button.button-14:active{background: #f8f8f8;}.fusion-button.button-14{width:auto;}Color
.fusion-button.button-15 .fusion-button-text, .fusion-button.button-15 i {color:rgba(255,255,255,.7);}.fusion-button.button-15 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-15 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-15:hover .fusion-button-text, .fusion-button.button-15:hover i,.fusion-button.button-15:focus .fusion-button-text, .fusion-button.button-15:focus i,.fusion-button.button-15:active .fusion-button-text, .fusion-button.button-15:active{color:rgba(255,255,255,.8);}.fusion-button.button-15:hover, .fusion-button.button-15:focus, .fusion-button.button-15:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-15:hover .fusion-button-icon-divider, .fusion-button.button-15:hover .fusion-button-icon-divider, .fusion-button.button-15:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-15{background: #6eb9b4;}.fusion-button.button-15:hover,.button-15:focus,.fusion-button.button-15:active{background: #64aea9;}.fusion-button.button-15{width:auto;}Color
.fusion-button.button-16 .fusion-button-text, .fusion-button.button-16 i {color:rgba(255,255,255,.7);}.fusion-button.button-16 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-16 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-16:hover .fusion-button-text, .fusion-button.button-16:hover i,.fusion-button.button-16:focus .fusion-button-text, .fusion-button.button-16:focus i,.fusion-button.button-16:active .fusion-button-text, .fusion-button.button-16:active{color:rgba(255,255,255,.8);}.fusion-button.button-16:hover, .fusion-button.button-16:focus, .fusion-button.button-16:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-16:hover .fusion-button-icon-divider, .fusion-button.button-16:hover .fusion-button-icon-divider, .fusion-button.button-16:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-16{background: #d8a43c;}.fusion-button.button-16:hover,.button-16:focus,.fusion-button.button-16:active{background: #cd9a32;}.fusion-button.button-16{width:auto;}Color
.fusion-button.button-17 .fusion-button-text, .fusion-button.button-17 i {color:rgba(255,255,255,.7);}.fusion-button.button-17 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-17 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-17:hover .fusion-button-text, .fusion-button.button-17:hover i,.fusion-button.button-17:focus .fusion-button-text, .fusion-button.button-17:focus i,.fusion-button.button-17:active .fusion-button-text, .fusion-button.button-17:active{color:rgba(255,255,255,.8);}.fusion-button.button-17:hover, .fusion-button.button-17:focus, .fusion-button.button-17:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-17:hover .fusion-button-icon-divider, .fusion-button.button-17:hover .fusion-button-icon-divider, .fusion-button.button-17:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-17{background: #67b7e1;}.fusion-button.button-17:hover,.button-17:focus,.fusion-button.button-17:active{background: #5da7ce;}.fusion-button.button-17{width:auto;}Color
.fusion-button.button-18 .fusion-button-text, .fusion-button.button-18 i {color:rgba(255,255,255,.7);}.fusion-button.button-18 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-18 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-18:hover .fusion-button-text, .fusion-button.button-18:hover i,.fusion-button.button-18:focus .fusion-button-text, .fusion-button.button-18:focus i,.fusion-button.button-18:active .fusion-button-text, .fusion-button.button-18:active{color:rgba(255,255,255,.8);}.fusion-button.button-18:hover, .fusion-button.button-18:focus, .fusion-button.button-18:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-18:hover .fusion-button-icon-divider, .fusion-button.button-18:hover .fusion-button-icon-divider, .fusion-button.button-18:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-18{background: #6b898b;}.fusion-button.button-18:hover,.button-18:focus,.fusion-button.button-18:active{background: #607f81;}.fusion-button.button-18{width:auto;}Color
.fusion-button.button-19 .fusion-button-text, .fusion-button.button-19 i {color:rgba(255,255,255,.7);}.fusion-button.button-19 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-19 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-19:hover .fusion-button-text, .fusion-button.button-19:hover i,.fusion-button.button-19:focus .fusion-button-text, .fusion-button.button-19:focus i,.fusion-button.button-19:active .fusion-button-text, .fusion-button.button-19:active{color:rgba(255,255,255,.8);}.fusion-button.button-19:hover, .fusion-button.button-19:focus, .fusion-button.button-19:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-19:hover .fusion-button-icon-divider, .fusion-button.button-19:hover .fusion-button-icon-divider, .fusion-button.button-19:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-19{background: #c34e30;}.fusion-button.button-19:hover,.button-19:focus,.fusion-button.button-19:active{background: #bc4526;}.fusion-button.button-19{width:auto;}Color
.fusion-button.button-20 .fusion-button-text, .fusion-button.button-20 i {color:rgba(255,255,255,.7);}.fusion-button.button-20 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-20 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-20:hover .fusion-button-text, .fusion-button.button-20:hover i,.fusion-button.button-20:focus .fusion-button-text, .fusion-button.button-20:focus i,.fusion-button.button-20:active .fusion-button-text, .fusion-button.button-20:active{color:rgba(255,255,255,.8);}.fusion-button.button-20:hover, .fusion-button.button-20:focus, .fusion-button.button-20:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-20:hover .fusion-button-icon-divider, .fusion-button.button-20:hover .fusion-button-icon-divider, .fusion-button.button-20:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-20{background: #1a80b6;}.fusion-button.button-20:hover,.button-20:focus,.fusion-button.button-20:active{background: #1576a9;}.fusion-button.button-20{width:auto;}Color
.fusion-button.button-21 .fusion-button-text, .fusion-button.button-21 i {color:rgba(255,255,255,.7);}.fusion-button.button-21 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-21 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-21:hover .fusion-button-text, .fusion-button.button-21:hover i,.fusion-button.button-21:focus .fusion-button-text, .fusion-button.button-21:focus i,.fusion-button.button-21:active .fusion-button-text, .fusion-button.button-21:active{color:rgba(255,255,255,.8);}.fusion-button.button-21:hover, .fusion-button.button-21:focus, .fusion-button.button-21:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-21:hover .fusion-button-icon-divider, .fusion-button.button-21:hover .fusion-button-icon-divider, .fusion-button.button-21:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-21{background: #735d7f;}.fusion-button.button-21:hover,.button-21:focus,.fusion-button.button-21:active{background: #665072;}.fusion-button.button-21{width:auto;}Color
.fusion-button.button-22 .fusion-button-text, .fusion-button.button-22 i {color:rgba(255,255,255,.7);}.fusion-button.button-22 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-22 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-22:hover .fusion-button-text, .fusion-button.button-22:hover i,.fusion-button.button-22:focus .fusion-button-text, .fusion-button.button-22:focus i,.fusion-button.button-22:active .fusion-button-text, .fusion-button.button-22:active{color:rgba(255,255,255,.8);}.fusion-button.button-22:hover, .fusion-button.button-22:focus, .fusion-button.button-22:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-22:hover .fusion-button-icon-divider, .fusion-button.button-22:hover .fusion-button-icon-divider, .fusion-button.button-22:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-22{background: #666262;}.fusion-button.button-22:hover,.button-22:focus,.fusion-button.button-22:active{background: #5d5757;}.fusion-button.button-22{width:auto;}Color
.fusion-button.button-23 .fusion-button-text, .fusion-button.button-23 i {color:rgba(255,255,255,.7);}.fusion-button.button-23 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-23 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-23:hover .fusion-button-text, .fusion-button.button-23:hover i,.fusion-button.button-23:focus .fusion-button-text, .fusion-button.button-23:focus i,.fusion-button.button-23:active .fusion-button-text, .fusion-button.button-23:active{color:rgba(255,255,255,.8);}.fusion-button.button-23:hover, .fusion-button.button-23:focus, .fusion-button.button-23:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-23:hover .fusion-button-icon-divider, .fusion-button.button-23:hover .fusion-button-icon-divider, .fusion-button.button-23:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-23{background: #b8d37f;
background-image: -webkit-gradient( linear, left bottom, left top, from( #9db668 ), to( #b8d37f ) );
background-image: -webkit-linear-gradient( bottom, #9db668, #b8d37f );
background-image: -moz-linear-gradient( bottom, #9db668, #b8d37f );
background-image: -o-linear-gradient( bottom, #9db668, #b8d37f );
background-image: linear-gradient( to top, #9db668, #b8d37f );}.fusion-button.button-23:hover,.button-23:focus,.fusion-button.button-23:active{background: #9db668;
background-image: -webkit-gradient( linear, left bottom, left top, from( #b8d37f ), to( #9db668 ) );
background-image: -webkit-linear-gradient( bottom, #b8d37f, #9db668 );
background-image: -moz-linear-gradient( bottom, #b8d37f, #9db668 );
background-image: -o-linear-gradient( bottom, #b8d37f, #9db668 );
background-image: linear-gradient( to top, #b8d37f, #9db668 );}.fusion-button.button-23{width:auto;}Color
.fusion-button.button-24 .fusion-button-text, .fusion-button.button-24 i {color:rgba(255,255,255,.7);}.fusion-button.button-24 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-24 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-24:hover .fusion-button-text, .fusion-button.button-24:hover i,.fusion-button.button-24:focus .fusion-button-text, .fusion-button.button-24:focus i,.fusion-button.button-24:active .fusion-button-text, .fusion-button.button-24:active{color:rgba(255,255,255,.8);}.fusion-button.button-24:hover, .fusion-button.button-24:focus, .fusion-button.button-24:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-24:hover .fusion-button-icon-divider, .fusion-button.button-24:hover .fusion-button-icon-divider, .fusion-button.button-24:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-24{background: #cac7c7;}.fusion-button.button-24:hover,.button-24:focus,.fusion-button.button-24:active{background: #c0bdbd;}.fusion-button.button-24{width:auto;}Color
.fusion-button.button-25 .fusion-button-text, .fusion-button.button-25 i {color:#9db668;}.fusion-button.button-25 {border-width:1px;border-color:#9db668;}.fusion-button.button-25 .fusion-button-icon-divider{border-color:#9db668;}.fusion-button.button-25:hover .fusion-button-text, .fusion-button.button-25:hover i,.fusion-button.button-25:focus .fusion-button-text, .fusion-button.button-25:focus i,.fusion-button.button-25:active .fusion-button-text, .fusion-button.button-25:active{color:#8ca558;}.fusion-button.button-25:hover, .fusion-button.button-25:focus, .fusion-button.button-25:active{border-width:1px;border-color:#8ca558;}.fusion-button.button-25:hover .fusion-button-icon-divider, .fusion-button.button-25:hover .fusion-button-icon-divider, .fusion-button.button-25:active .fusion-button-icon-divider{border-color:#8ca558;}.fusion-button.button-25{background: transparent;}.fusion-button.button-25:hover,.button-25:focus,.fusion-button.button-25:active{background: #f8f8f8;}.fusion-button.button-25{width:auto;}Color
.fusion-button.button-26 .fusion-button-text, .fusion-button.button-26 i {color:rgba(255,255,255,.7);}.fusion-button.button-26 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-26 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-26:hover .fusion-button-text, .fusion-button.button-26:hover i,.fusion-button.button-26:focus .fusion-button-text, .fusion-button.button-26:focus i,.fusion-button.button-26:active .fusion-button-text, .fusion-button.button-26:active{color:rgba(255,255,255,.8);}.fusion-button.button-26:hover, .fusion-button.button-26:focus, .fusion-button.button-26:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-26:hover oakley outlet .fusion-button-icon-divider, .fusion-button.button-26:hover .fusion-button-icon-divider, .fusion-button.button-26:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-26{background: #aa3c3f;}.fusion-button.button-26:hover,.button-26:focus,.fusion-button.button-26:active{background: #a73437;}.fusion-button.button-26{width:auto;}Color
.fusion-button.button-27 .fusion-button-text, .fusion-button.button-27 i {color:rgba(255,255,255,.7);}.fusion-button.button-27 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-27 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-27:hover .fusion-button-text, .fusion-button.button-27:hover i,.fusion-button.button-27:focus .fusion-button-text, .fusion-button.button-27:focus i,.fusion-button.button-27:active .fusion-button-text, .fusion-button.button-27:active{color:rgba(255,255,255,.8);}.fusion-button.button-27:hover, .fusion-button.button-27:focus, .fusion-button.button-27:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-27:hover .fusion-button-icon-divider, .fusion-button.button-27:hover .fusion-button-icon-divider, .fusion-button.button-27:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-27{background: #cb689b;}.fusion-button.button-27:hover,.button-27:focus,.fusion-button.button-27:active{background: #c06091;}.fusion-button.button-27{width:auto;}Color
.fusion-button.button-28 .fusion-button-text, .fusion-button.button-28 i {color:rgba(255,255,255,.7);}.fusion-button.button-28 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-28 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-28:hover .fusion-button-text, .fusion-button.button-28:hover i,.fusion-button.button-28:focus .fusion-button-text, .fusion-button.button-28:focus i,.fusion-button.button-28:active .fusion-button-text, .fusion-button.button-28:active{color:rgba(255,255,255,.8);}.fusion-button.button-28:hover, .fusion-button.button-28:focus, .fusion-button.button-28:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-28:hover .fusion-button-icon-divider, .fusion-button.button-28:hover .fusion-button-icon-divider, .fusion-button.button-28:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-28{background: #7b5b9a;}.fusion-button.button-28:hover,.button-28:focus,.fusion-button.button-28:active{background: #735391;}.fusion-button.button-28{width:auto;}Color
.fusion-button.button-29 .fusion-button-text, .fusion-button.button-29 i {color:rgba(255,255,255,.7);}.fusion-button.button-29 {border-width:0px;border-color:rgba(255,255,255,.7);}.fusion-button.button-29 .fusion-button-icon-divider{border-color:rgba(255,255,255,.7);}.fusion-button.button-29:hover .fusion-button-text, .fusion-button.button-29:hover i,.fusion-button.button-29:focus .fusion-button-text, .fusion-button.button-29:focus i,.fusion-button.button-29:active .fusion-button-text, .fusion-button.button-29:active{color:rgba(255,255,255,.8);}.fusion-button.button-29:hover, .fusion-button.button-29:focus, .fusion-button.button-29:active{border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-29:hover .fusion-button-icon-divider, .fusion-button.button-29:hover .fusion-button-icon-divider, .fusion-button.button-29:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-29{background: #a3d151;
background-image: -webkit-gradient( linear, left bottom, left top, from( #87b13b ), to( #a3d151 ) );
background-image: -webkit-linear-gradient( bottom, #87b13b, #a3d151 );
background-image: -moz-linear-gradient( bottom, #87b13b, #a3d151 );
background-image: -o-linear-gradient( bottom, #87b13b, #a3d151 );
background-image: linear-gradient( to top, #87b13b, #a3d151 );}.fusion-button.button-29:hover,.button-29:focus,.fusion-button.button-29:active{background: #87b13b;
background-image: -webkit-gradient( linear, left bottom, left top, from( #a3d151 ), to( #87b13b ) );
background-image: -webkit-linear-gradient( bottom, #a3d151, #87b13b );
background-image: -moz-linear-gradient( bottom, #a3d151, #87b13b );
background-image: -o-linear-gradient( bottom, #a3d151, #87b13b );
background-image: linear-gradient( to top, #a3d151, #87b13b );}.fusion-button.button-29{width:auto;}Color
.fusion-button.button-30 .fusion-button-text, .fusion-button.button-30 i {color:#6293c0;}.fusion-button.button-30 {border-width:1px;border-color:#6293c0;}.fusion-button.button-30 .fusion-button-icon-divider{border-color:#6293c0;}.fusion-button.button-30:hover .fusion-button-text, .fusion-button.button-30:hover i,.fusion-button.button-30:focus .fusion-button-text, .fusion-button.button-30:focus i,.fusion-button.button-30:active .fusion-button-text, .fusion-button.button-30:active{color:#588bbb;}.fusion-button.button-30:hover, .fusion-button.button-30:focus, .fusion-button.button-30:active{border-width:1px;border-color:#588bbb;}.fusion-button.button-30:hover .fusion-button-icon-divider, .fusion-button.button-30:hover .fusion-button-icon-divider, .fusion-button.button-30:active .fusion-button-icon-divider{border-color:#588bbb;}.fusion-button.button-30{background: transparent;}.fusion-button.button-30:hover,.button-30:focus,.fusion-button.button-30:active{background: transparent;}.fusion-button.button-30{width:auto;}Color
.fusion-button.button-31 .fusion-button-text, .fusion-button.button-31 i {color:rgba(000,000,000,.4);}.fusion-button.button-31 {border-width:0px;border-color:rgba(000,000,000,.4);}.fusion-button.button-31 .fusion-button-icon-divider{border-color:rgba(000,000,000,.4);}.fusion-button.button-31:hover .fusion-button-text, .fusion-button.button-31:hover i,.fusion-button.button-31:focus .fusion-button-text, .fusion-button.button-31:focus i,.fusion-button.button-31:active .fusion-button-text, .fusion-button.button-31:active{color:rgba(000,000,000,.5);}.fusion-button.button-31:hover, .fusion-button.button-31:focus, .fusion-button.button-31:active{border-width:0px;border-color:rgba(000,000,000,.5);}.fusion-button.button-31:hover .fusion-button-icon-divider, .fusion-button.button-31:hover .fusion-button-icon-divider, .fusion-button.button-31:active .fusion-button-icon-divider{border-color:rgba(000,000,000,.5);}.fusion-button.button-31{background: #ececec;
background-image: -webkit-gradient( linear, left bottom, left top, from( #dadada ), to( #ececec ) );
background-image: -webkit-linear-gradient( bottom, #dadada, #ececec );
background-image: -moz-linear-gradient( bottom, #dadada, #ececec );
background-image: -o-linear-gradient( bottom, #dadada, #ececec );
background-image: linear-gradient( to top, #dadada, #ececec );}.fusion-button.button-31:hover,.button-31:focus,.fusion-button.button-31:active{background: #dadada;
background-image: -webkit-gradient( linear, left bottom, left top, from( #ececec ), to( #dadada ) );
background-image: -webkit-linear-gradient( bottom, #ececec, #dadada );
background-image: -moz-linear-gradient( bottom, #ececec, #dadada );
background-image: -o-linear-gradient( bottom, #ececec, #dadada );
background-image: linear-gradient( to top, #ececec, #dadada );}.fusion-button.button-31{width:auto;}Color

4 Button Sizes

Avada buttons come in 4 different sizes so you always have the perfect size button for each situation. Choose small, medium, large or xlarge.

.fusion-button.button-32 .fusion-button-text, .fusion-button.button-32 i {color:rgba(255,255,255,.8);}.fusion-button.button-32 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-32 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-32:hover .fusion-button-text, .fusion-button.button-32:hover i,.fusion-button.button-32:focus .fusion-button-text, .fusion-button.button-32:focus i,.fusion-button.button-32:active .fusion-button-text, .fusion-button.button-32:active{color:rgba(255,255,255,.9);}.fusion-button.button-32:hover, .fusion-button.button-32:focus, .fusion-button.button-32:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-32:hover .fusion-button-icon-divider, .fusion-button.button-32:hover .fusion-button-icon-divider, .fusion-button.button-32:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-32{width:auto;}<span bei class=”fusion-button-text”>Small Button

.fusion-button.button-33 .fusion-button-text, .fusion-button.button-33 i {color:rgba(255,255,255,.8);}.fusion-button.button-33 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-33 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-33:hover .fusion-button-text, .fusion-button.button-33:hover i,.fusion-button.button-33:focus .fusion-button-text, .fusion-button.button-33:focus i,.fusion-button.button-33:active .fusion-button-text, .fusion-button.button-33:active{color:rgba(255,255,255,.9);}.fusion-button.button-33:hover, .fusion-button.button-33:focus, .fusion-button.button-33:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-33:hover .fusion-button-icon-divider, .fusion-button.button-33:hover .fusion-button-icon-divider, .fusion-button.button-33:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-33{width:auto;}Medium Button

.fusion-button.button-34 .fusion-button-text, .fusion-button.button-34 i {color:rgba(255,255,255,.8);}.fusion-button.button-34 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-34 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-34:hover .fusion-button-text, .fusion-button.button-34:hover i,.fusion-button.button-34:focus .fusion-button-text, .fusion-button.button-34:focus i,.fusion-button.button-34:active .fusion-button-text, .fusion-button.button-34:active{color:rgba(255,255,255,.9);}.fusion-button.button-34:hover, .fusion-button.button-34:focus, .fusion-button.button-34:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-34:hover .fusion-button-icon-divider, .fusion-button.button-34:hover .fusion-button-icon-divider, .fusion-button.button-34:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-34{width:auto;}Large Button

.fusion-button.button-35 .fusion-button-text, .fusion-button.button-35 i {color:rgba(255,255,255,.8);}.fusion-button.button-35 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-35 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-35:hover .fusion-button-text, .fusion-button.button-35:hover i,.fusion-button.button-35:focus .fusion-button-text, .fusion-button.button-35:focus i,.fusion-button.button-35:active .fusion-button-text, .fusion-button.button-35:active{color:rgba(255,255,255,.9);}.fusion-button.button-35:hover, .fusion-button.button-35:focus, .fusion-button.button-35:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-35:hover .fusion-button-icon-divider, .fusion-button.button-35:hover .fusion-button-icon-divider, .fusion-button.button-35:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-35{width:auto;}XLarge Button

2 Button Types

Choose a super sleek Flat style button, or an eye popping 3D button.

.fusion-button.button-36 .fusion-button-text, .fusion-button.button-36 i {color:rgba(255,255,255,.8);}.fusion-button.button-36 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-36 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-36:hover .fusion-button-text, .fusion-button.button-36:hover i,.fusion-button.button-36:focus .fusion-button-text, .fusion-button.button-36:focus i,.fusion-button.button-36:active .fusion-button-text, .fusion-button.button-36:active{color:rgba(255,255,255,.9);}.fusion-button.button-36:hover, .fusion-button.button-36:focus, .fusion-button.button-36:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-36:hover .fusion-button-icon-divider, .fusion-button.button-36:hover .fusion-button-icon-divider, .fusion-button.button-36:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-36{width:auto;}Super Sleek Flat Button

.fusion-button.button-37 .fusion-button-text, .fusion-button.button-37 i {color:rgba(255,255,255,.8);}.fusion-button.button-37 {border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-37 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-37.button-3d{-webkit-box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);}.button-37.button-3d:active{-webkit-box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);box-shadow: inset 0px 1px 0px #fff,0px 5px 0px #54770f,1px 7px 7px 3px rgba(0,0,0,0.3);}.fusion-button.button-37:hover .fusion-button-text, .fusion-button.button-37:hover i,.fusion-button.button-37:focus .fusion-button-text, .fusion-button.button-37:focus i,.fusion-button.button-37:active .fusion-button-text, .fusion-button.button-37:active{color:rgba(255,255,255,.9);}.fusion-button.button-37:hover, .fusion-button.button-37:focus, .fusion-button.button-37:active{border-width:0px;border-color:rgba(255,255,255,.9);}.fusion-button.button-37:hover .fusion-button-icon-divider, .fusion-button.button-37:hover .fusion-button-icon-divider, .fusion-button.button-37:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-37{width:auto;}Eye-Popping 3D Button

3 Button Shapes

Avada buttons come in 3 different shapes; square, round and pill.

.fusion-button.button-38 .fusion-button-text, .fusion-button.button-38 i {color:rgba(255,255,255,.8);}.fusion-button.button-38 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-38 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-38:hover .fusion-button-text, .fusion-button.button-38:hover i,.fusion-button.button-38:focus .fusion-button-text, .fusion-button.button-38:focus i,.fusion-button.button-38:active .fusion-button-text, .fusion-button.button-38:active{color:rgba(255,255,255,.9);}.fusion-button.button-38:hover, .fusion-button.button-38:focus, .fusion-button.button-38:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-38:hover .fusion-button-icon-divider, .fusion-button.button-38:hover .fusion-button-icon-divider, .fusion-button.button-38:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-38{width:auto;}Square Shape

.fusion-button.button-39 .fusion-button-text, .fusion-button.button-39 i {color:rgba(255,255,255,.8);}.fusion-button.button-39 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-39 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-39:hover .fusion-button-text, .fusion-button.button-39:hover i,.fusion-button.button-39:focus .fusion-button-text, .fusion-button.button-39:focus i,.fusion-button.button-39:active .fusion-button-text, .fusion-button.button-39:active{color:rgba(255,255,255,.9);}.fusion-button.button-39:hover, .fusion-button.button-39:focus, .fusion-button.button-39:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-39:hover .fusion-button-icon-divider, .fusion-button.button-39:hover .fusion-button-icon-divider, .fusion-button.button-39:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-39{width:auto;}Pill Shape

.fusion-button.button-40 .fusion-button-text, .fusion-button.button-40 i {color:rgba(255,255,255,.8);}.fusion-button.button-40 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-40 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-40:hover .fusion-button-text, .fusion-button.button-40:hover i,.fusion-button.button-40:focus .fusion-button-text, .fusion-button.button-40:focus i,.fusion-button.button-40:active .fusion-button-text, .fusion-button.button-40:active{color:rgba(255,255,255,.9);}.fusion-button.button-40:hover, .fusion-button.button-40:focus, .fusion-button.button-40:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-40:hover .fusion-button-icon-divider, .fusion-button.button-40:hover .fusion-button-icon-divider, .fusion-button.button-40:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-40{width:auto;}Round Shape

Full Border Control

Avada allows you to control the border width and border color easily.

.fusion-button.button-41 .fusion-button-text, .fusion-button.button-41 i {color:#8fc935;}.fusion-button.button-41 {border-width:0px;border-color:#8fc935;}.fusion-button.button-41 .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-41:hover .fusion-button-text, .fusion-button.button-41:hover i,.fusion-button.button-41:focus .fusion-button-text, .fusion-button.button-41:focus i,.fusion-button.button-41:active .fusion-button-text, .fusion-button.button-41:active{color:#8fc935;}.fusion-button.button-41:hover, .fusion-button.button-41:focus, .fusion-button.button-41:active{border-width:0px;border-color:#8fc935;}.fusion-button.button-41:hover .fusion-button-icon-divider, .fusion-button.button-41:hover .fusion-button-icon-divider, .fusion-button.button-41:active .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-41{background: #ffffff;}.fusion-button.button-41:hover,.button-41:focus,.fusion-button.button-41:active{background: #efefef;}.fusion-button.button-41{width:auto;}0PX Border

.fusion-button.button-42 .fusion-button-text, .fusion-button.button-42 i {color:#8fc935;}.fusion-button.button-42 {border-width:1px;border-color:#8fc935;}.fusion-button.button-42 .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-42:hover .fusion-button-text, .fusion-button.button-42:hover i,.fusion-button.button-42:focus .fusion-button-text, .fusion-button.button-42:focus i,.fusion-button.button-42:active .fusion-button-text, .fusion-button.button-42:active{color:#8fc935;}.fusion-button.button-42:hover, .fusion-button.button-42:focus, .fusion-button.button-42:active{border-width:1px;border-color:#8fc935;}.fusion-button.button-42:hover .fusion-button-icon-divider, .fusion-button.button-42:hover .fusion-button-icon-divider, .fusion-button.button-42:active .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-42{background: #ffffff;}.fusion-button.button-42:hover,.button-42:focus,.fusion-button.button-42:active{background: #efefef;}.fusion-button.button-42{width:auto;}1PX Border

.fusion-button.button-43 .fusion-button-text, .fusion-button.button-43 i {color:#8fc935;}.fusion-button.button-43 {border-width:2px;border-color:#8fc935;}.fusion-button.button-43 .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-43:hover .fusion-button-text, .fusion-button.button-43:hover i,.fusion-button.button-43:focus .fusion-button-text, .fusion-button.button-43:focus i,.fusion-button.button-43:active .fusion-button-text, .fusion-button.button-43:active{color:#8fc935;}.fusion-button.button-43:hover, .fusion-button.button-43:focus, .fusion-button.button-43:active{border-width:2px;border-color:#8fc935;}.fusion-button.button-43:hover .fusion-button-icon-divider, .fusion-button.button-43:hover .fusion-button-icon-divider, .fusion-button.button-43:active .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-43{background: #ffffff;}.fusion-button.button-43:hover,.button-43:focus,.fusion-button.button-43:active{background: #efefef;}.fusion-button.button-43{width:auto;}2px Border

.fusion-button.button-44 .fusion-button-text, .fusion-button.button-44 i {color:#8fc935;}.fusion-button.button-44 {border-width:3px;border-color:#8fc935;}.fusion-button.button-44 .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-44:hover .fusion-button-text, .fusion-button.button-44:hover i,.fusion-button.button-44:focus .fusion-button-text, .fusion-button.button-44:focus i,.fusion-button.button-44:active .fusion-button-text, .fusion-button.button-44:active{color:#8fc935;}.fusion-button.button-44:hover, .fusion-button.button-44:focus, .fusion-button.button-44:active{border-width:3px;border-color:#8fc935;}.fusion-button.button-44:hover .fusion-button-icon-divider, .fusion-button.button-44:hover .fusion-button-icon-divider, .fusion-button.button-44:active .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-44{background: #ffffff;}.fusion-button.button-44:hover,.button-44:focus,.fusion-button.button-44:active{background: #efefef;}.fusion-button.button-44{width:auto;}3px Border

.fusion-button.button-45 .fusion-button-text, .fusion-button.button-45 i {color:#8fc935;}.fusion-button.button-45 {border-width:4px;border-color:#8fc935;}.fusion-button.button-45 .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-45:hover .fusion-button-text, .fusion-button.button-45:hover i,.fusion-button.button-45:focus .fusion-button-text, .fusion-button.button-45:focus i,.fusion-button.button-45:active .fusion-button-text, .fusion-button.button-45:active{color:#8fc935;}.fusion-button.button-45:hover, .fusion-button.button-45:focus, .fusion-button.button-45:active{border-width:4px;border-color:#8fc935;}.fusion-button.button-45:hover .fusion-button-icon-divider, .fusion-button.button-45:hover .fusion-button-icon-divider, .fusion-button.button-45:active .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-45{background: #ffffff;}.fusion-button.button-45:hover,.button-45:focus,.fusion-button.button-45:active{background: #efefef;}.fusion-button.button-45{width:auto;}4px Border

.fusion-button.button-46 .fusion-button-text, .fusion-button.button-46 i {color:#8fc935;}.fusion-button.button-46 {border-width:5px;border-color:#8fc935;}.fusion-button.button-46 .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-46:hover .fusion-button-text, .fusion-button.button-46:hover i,.fusion-button.button-46:focus .fusion-button-text, .fusion-button.button-46:focus i,.fusion-button.button-46:active .fusion-button-text, .fusion-button.button-46:active{color:#8fc935;}.fusion-button.button-46:hover, .fusion-button.button-46:focus, .fusion-button.button-46:active{border-width:5px;border-color:#8fc935;}.fusion-button.button-46:hover .fusion-button-icon-divider, .fusion-button.button-46:hover .fusion-button-icon-divider, .fusion-button.button-46:active .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-46{background: #ffffff;}.fusion-button.button-46:hover,.button-46:focus,.fusion-button.button-46:active{background: #efefef;}.fusion-button.button-46{width:auto;}5px Border

.fusion-button.button-47 .fusion-button-text, .fusion-button.button-47 i {color:#8fc935;}.fusion-button.button-47 {border-width:6px;border-color:#8fc935;}.fusion-button.button-47 .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-47:hover .fusion-button-text, .fusion-button.button-47:hover i,.fusion-button.button-47:focus .fusion-button-text, .fusion-button.button-47:focus i,.fusion-button.button-47:active .fusion-button-text, .fusion-button.button-47:active{color:#8fc935;}.fusion-button.button-47:hover, .fusion-button.button-47:focus, .fusion-button.button-47:active{border-width:6px;border-color:#8fc935;}.fusion-button.button-47:hover .fusion-button-icon-divider, .fusion-button.button-47:hover .fusion-button-icon-divider, .fusion-button.button-47:active .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-47{background: #ffffff;}.fusion-button.button-47:hover,.button-47:focus,.fusion-button.button-47:active{background: #efefef;}.fusion-button.button-47{width:auto;}6px Border

<div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_4 fusion-one-fourth fusion-column-last cheap nfl jerseys 1_4″ style=’margin-top:0px;margin-bottom:20px;width:22%’>

.fusion-button.button-48 .fusion-button-text, .fusion-button.button-48 i {color:#8fc935;}.fusion-button.button-48 {border-width:7px;border-color:#8fc935;}.fusion-button.button-48 .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-48:hover .fusion-button-text, .fusion-button.button-48:hover i,.fusion-button.button-48:focus .fusion-button-text, .fusion-button.button-48:focus i,.fusion-button.button-48:active .fusion-button-text, .fusion-button.button-48:active{color:#8fc935;}.fusion-button.button-48:hover, .fusion-button.button-48:focus, .fusion-button.button-48:active{border-width:7px;border-color:#8fc935;}.fusion-button.button-48:hover .fusion-button-icon-divider, .fusion-button.button-48:hover .fusion-button-icon-divider, .fusion-button.button-48:active .fusion-button-icon-divider{border-color:#8fc935;}.fusion-button.button-48{background: #ffffff;}.fusion-button.button-48:hover,.button-48:focus,.fusion-button.button-48:active{background: #efefef;}.fusion-button.button-48{width:auto;}7px Border

Button Icons

Avada integrates the full font awesome icon with buttons. Choose icon location, color and use with or without a divider.

.fusion-button.button-49 .fusion-button-text, .fusion-button.button-49 i {color:rgba(255,255,255,.8);}.fusion-button.button-49 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-49 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-49:hover .fusion-button-text, .fusion-button.button-49:hover i,.fusion-button.button-49:focus .fusion-button-text, .fusion-button.button-49:focus i,.fusion-button.button-49:active .fusion-button-text, .fusion-button.button-49:active{color:rgba(255,255,255,.9);}.fusion-button.button-49:hover, .fusion-button.button-49:focus, .fusion-button.button-49:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-49:hover .fusion-button-icon-divider, .fusion-button.button-49:hover .fusion-button-icon-divider, .fusion-button.button-49:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-49{width:auto;}Icon Position Left

.fusion-button.button-50 .fusion-button-text, .fusion-button.button-50 i {color:rgba(255,255,255,.8);}.fusion-button.button-50 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-50 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-50:hover .fusion-button-text, .fusion-button.button-50:hover i,.fusion-button.button-50:focus .fusion-button-text, .fusion-button.button-50:focus i,.fusion-button.button-50:active .fusion-button-text, .fusion-button.button-50:active{color:rgba(255,255,255,.9);}.fusion-button.button-50:hover, .fusion-button.button-50:focus, .fusion-button.button-50:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-50:hover .fusion-button-icon-divider, .fusion-button.button-50:hover .fusion-button-icon-divider, .fusion-button.button-50:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-50{width:auto;}Icon With Divider

.fusion-button.button-51 .fusion-button-text, .fusion-button.button-51 i {color:rgba(255,255,255,.8);}.fusion-button.button-51 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-51 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-51:hover .fusion-button-text, .fusion-button.button-51:hover i,.fusion-button.button-51:focus .fusion-button-text, .fusion-button.button-51:focus i,.fusion-button.button-51:active .fusion-button-text, .fusion-button.button-51:active{color:rgba(255,255,255,.9);}.fusion-button.button-51:hover, .fusion-button.button-51:focus, .fusion-button.button-51:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-51:hover .fusion-button-icon-divider, .fusion-button.button-51:hover .fusion-button-icon-divider, .fusion-button.button-51:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-51{width:auto;}Icon Without Divider

.fusion-button.button-52 .fusion-button-text, .fusion-button.button-52 i {color:rgba(255,255,255,.8);}.fusion-button.button-52 {border-width:0px;border-color:rgba(255,255,255,.8);}.fusion-button.button-52 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-52:hover .fusion-button-text, .fusion-button.button-52:hover i,.fusion-button.button-52:focus .fusion-button-text, .fusion-button.button-52:focus i,.fusion-button.button-52:active .fusion-button-text, .fusion-button.button-52:active{color:rgba(255,255,255,.9);}.fusion-button.button-52:hover, .fusion-button.button-52:focus, .fusion-button.button-52:active{border-width:0px;border-color:rgba(255,255,255,.9);}.fusion-button.button-52:hover .fusion-button-icon-divider, .fusion-button.button-52:hover .fusion-button-icon-divider, .fusion-button.button-52:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-52{width:auto;}Icon Position Right

Button Animations

Animate the buttons with smotth CSS3 animations. 5 animations types, 4 directions, speed control

.fusion-button.button-53 .fusion-button-text, .fusion-button.button-53 i {color:rgba(255,255,255,.8);}.fusion-button.button-53 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-53 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-53:hover .fusion-button-text, .fusion-button.button-53:hover i,.fusion-button.button-53:focus .fusion-button-text, .fusion-button.button-53:focus i,.fusion-button.button-53:active .fusion-button-text, .fusion-button.button-53:active{color:rgba(255,255,255,.9);}.fusion-button.button-53:hover, .fusion-button.button-53:focus, .fusion-button.button-53:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-53:hover .fusion-button-icon-divider, .fusion-button.button-53:hover .fusion-button-icon-divider, .fusion-button.button-53:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-53{width:auto;}Bounce

.fusion-button.button-54 .fusion-button-text, .fusion-button.button-54 i {color:rgba(255,255,255,.8);}.fusion-button.button-54 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-54 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-54:hover .fusion-button-text, .fusion-button.button-54:hover i,.fusion-button.button-54:focus .fusion-button-text, .fusion-button.button-54:focus i,.fusion-button.button-54:active .fusion-button-text, .fusion-button.button-54:active{color:rgba(255,255,255,.9);}.fusion-button.button-54:hover, .fusion-button.button-54:focus, .fusion-button.button-54:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-54:hover .fusion-button-icon-divider, .fusion-button.button-54:hover .fusion-button-icon-divider, .fusion-button.button-54:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-54{width:auto;}<a class="fusion-button button-flat button-round button-xlarge button-default button-54 fusion-animated" nfl jerseys cheap data-animationType=”shake” data-animationDuration=”0.5″ data-animationOffset=”100%” target=”_self” href=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion”>Shake

.fusion-button.button-55 .fusion-button-text, .fusion-button.button-55 i {color:rgba(255,255,255,.8);}.fusion-button.button-55 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-55 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-55:hover .fusion-button-text, .fusion-button.button-55:hover i,.fusion-button.button-55:focus .fusion-button-text, .fusion-button.button-55:focus i,.fusion-button.button-55:active .fusion-button-text, .fusion-button.button-55:active{color:rgba(255,255,255,.9);}.fusion-button.button-55:hover, .fusion-button.button-55:focus, .fusion-button.button-55:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-55:hover .fusion-button-icon-divider, .fusion-button.button-55:hover .fusion-button-icon-divider, .fusion-button.button-55:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-55{width:auto;}Fade

.fusion-button.button-56 .fusion-button-text, .fusion-button.button-56 i {color:rgba(255,255,255,.8);}.fusion-button.button-56 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-56 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-56:hover .fusion-button-text, .fusion-button.button-56:hover i,.fusion-button.button-56:focus .fusion-button-text, .fusion-button.button-56:focus i,.fusion-button.button-56:active .fusion-button-text, .fusion-button.button-56:active{color:rgba(255,255,255,.9);}.fusion-button.button-56:hover, .fusion-button.button-56:focus, .fusion-button.button-56:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-56:hover .fusion-button-icon-divider, .fusion-button.button-56:hover .fusion-button-icon-divider, .fusion-button.button-56:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-56{width:auto;}Slide

.fusion-button.button-57 .fusion-button-text, .fusion-button.button-57 i {color:rgba(255,255,255,.8);}.fusion-button.button-57 {border-width:1px;border-color:rgba(255,255,255,.8);}.fusion-button.button-57 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-57:hover .fusion-button-text, .fusion-button.button-57:hover i,.fusion-button.button-57:focus .fusion-button-text, .fusion-button.button-57:focus i,.fusion-button.button-57:active .fusion-button-text, .fusion-button.button-57:active{color:rgba(255,255,255,.9);}.fusion-button.button-57:hover, .fusion-button.button-57:focus, .fusion-button.button-57:active{border-width:1px;border-color:rgba(255,255,255,.9);}.fusion-button.button-57:hover .fusion-button-icon-divider, .fusion-button.button-57:hover .fusion-button-icon-divider, .fusion-button.button-57:active .fusion-button-icon-divider{border-color:rgba(255,255,255,.9);}.fusion-button.button-57{width:auto;}Flash

Complete Set of Options

Every option and description included with the button shortcode is listed below.

  • link – The link you want the button to direct to, including http://. For example, http://www.example.com/.
  • color – Can be one of these values: default, custom, green, darkgreen, orange, blue, red, pink, darkgray, or lightgray. Choose custom for advanced options. Select default for Theme Option values. Sets the button’s color.
  • size – Can be one of these values: default, small, medium, large, or xlarge. This sets the button’s size. Choose Default for Theme Option selection. Sets the button’s size.
  • type – Can be one of these values: default, flat, or 3d. Sets the button’s type. Choose default for Theme Option selection.
  • shape – Can be one of these values: default, square, pill, or round. Sets the button’s shape. Choose default for Theme Option selection.
  • target – Can be one of these values: _blank for new window, or _self for same window.
  • title – Set a title attribute for the link the button directs to. For example, Home.
  • gradient_colorsCustom setting only. Accepts a hexcode ( #000000 ) or RGBA values ( rgba(0,0,0,0) ). Sets the top and bottom colors of the background gradient.
  • gradient_hover_colorsCustom setting only. Accepts a hexcode ( #000000 ) or RGBA values ( rgba(0,0,0,0) ). Sets the top and bottom hover colors of the background gradient.
  • accent_colorCustom setting only. Accepts a hexcode ( #000000 ) or RGBA values ( rgba(0,0,0,0) ). Sets the color of the button border, divider, text and icon.
  • acccent_hover_colorCustom setting only. Accepts a hexcode ( #000000 ) or RGBA values ( rgba(0,0,0,0) ). Sets the hover color of the button border, divider, text and icon.
  • bevel_colorCustom setting only. Accepts a hexcode ( #000000 ). Sets the bevel color of 3D buttons.

  • border_widthCustom setting only. Accepts pixel values, for example, 1px.
  • shadow – Can be one of these values: default, yes, or no. This will enable or disable shadows. Choose default for Theme Option selection.
  • icon – A font awesome icon value. For example, fa-glass.
  • icon_divider – Can be one of these values: yes, or no. This will show or hide a divider between icon and text.
  • icon_position – Can be one of these values: left, or right. Sets the position of the icon on the button.
  • modal – The unique name of the Modal Shortcode you already created that allows the button to trigger the modal.
  • animation_type – Can be one of these values: none, bounce, fade, flash, shake, or slide. Sets the animation to use on the shortcode.
  • animation_direction – Can be one of these values: down, right, left, or up. Sets the incoming direction for the animation.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.
  • alignment – Can be one of these values: left, center, or right. Sets the button’s alignment.
  • class – Add a custom class to the wrapping HTML element for further css customization.
  • id – Add a custom id to the wrapping HTML element for further css customization.

<div class="fusion-fullwidth fullwidth-box fusion-parallax-fixed nonhundred-percent-fullwidth" style='background-color: wholesale nfl jerseys #ffffff;background-image: url(“https://www.rbizsolutions.biz/wp-content/uploads/2014/11/home_slider.jpg”);background-position: left top;background-repeat: no-repeat;padding-top:35px;padding-right:40px;padding-bottom:75px;padding-left:40px;border-top-width:1px;border-bottom-width:1px;border-color:#eae9e9;border-top-style:solid;border-bottom-style:solid;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:fixed;’>

Join The 100,000+ Satisfied Avada Users!

.fusion-button.button-58 .fusion-button-text, .fusion-button.button-58 i {color:rgba(255,255,255,.8);}.fusion-button.button-58 {border-width:2px;border-color:rgba(255,255,255,.8);}.fusion-button.button-58 .fusion-button-icon-divider{border-color:rgba(255,255,255,.8);}.fusion-button.button-58:hover .fusion-button-text, .fusion-button.button-58:hover i,.fusion-button.button-58:focus .fusion-button-text, .fusion-button.button-58:focus i,.fusion-button.button-58:active .fusion-button-text, .fusion-button.button-58:active{color:#ffffff;}.fusion-button.button-58:hover, .fusion-button.button-58:focus, .fusion-button.button-58:active{border-width:2px;border-color:#ffffff;}.fusion-button.button-58:hover .fusion-button-icon-divider, .fusion-button.button-58:hover .fusion-button-icon-divider, .fusion-button.button-58:active .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-58{background: rgba(255,255,255,.1);}.fusion-button.button-58:hover,.button-58:focus,.fusion-button.button-58:active{background: rgba(255, 255, 255, 0.25);}.fusion-button.button-58{width:auto;} BUY AVADA NOW!