How to change default blue color buttons to another color

[Ambarella]

Hiii,

 

I need to change the check availability button color on the main page and all other buttons which are blue, can someone pls tell me which color sections on css to be altered to do this.

 

and i also want to change the color of "Transfer button"

 

many thanks

[brian!]

assuming you're using the default template, it's in /css/bootstrap.css

 

check availability - btn-primary (line #2717)

transfer button - btn-success (line #2807)

 

both use gradients rather than a single color.

[Ambarella]

Thanks Brian, I did managed to change the button color but now there's this glowing blue thing once you click the button and its there on the text filed also. Pls check the attach files. and from where i can fix that ?

[brian!]

still in css/bootstrap.css @ line 929

 

input:focus,
textarea:focus {
 border-color: rgba(82, 168, 236, 0.;
 outline: 0;
 outline: thin dotted \9;
 /* IE6-9 */
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
         box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

border-color defines the color around the form field border (obviously!), and the bottom 3 'box-shadow' lines define the 'glow' around the field.

 

if you want to remove both, just delete the above from the css file; if you want to change the color of the border/glow, then alter the three RGB colors (82, 168, 236) to whatever suits your site.

[HCE]

Hello!

 

How do I change the color of the text on the login button?