How Do I Change the Color of the Quick Contact Button?

Here we will show you how you can change the color of the Quick Contact Button widget using custom CSS

Here you will need to go to the Custom CSS Section on the Theme Settings.

You will need to place this code here that we have provided for you:

 /* END GRAPHIC DESIGN SECTION */

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: #14909C;
    border-color: #14909C;
}

.btn-success, .btn-success, fieldset, .btn-success, .btn-success:hover, .btn-success:hover, fieldset, .btn-success:hover, .btn-success.disabled:focus, .btn-success:focus, fieldset, .btn-success:focus, .btn-success:active, .btn-success:active, fieldset, .btn-success.active, .btn-success.active, .btn-successactive, fieldset, .btn-success.active {
    background-color: #14909C;
        border-color: #14909C;
}

You will need to change the color in the code to whatever color you desire and then save.

Please keep in mind that this is custom coding and we do not guarantee it will work.