Making that Admin Bar transparent or a blue color

Question

The question title is pretty self-explanatory - I don't really like the new Admin's bar's colour but I find it useful and want to keep it so I would like to change the colour of it. However, I'm not the best at web scripting, let alone CSS so I wondered if anybody here would help me to make the Admin Bar the following sort of HEX color: #62BACE.

If that color isn't really possible, or it is easier - I wouldn't mind having a transparent admin bar!

Any assistance would be very kind and grately appreciated!

Thanks in advance

PS If there's a plugin that does this for me I wouldn't mind using it - I just don't know of any and can't code in CSS...

Answer 1

There's a good plugin to make the admin bar blue in both the admin and front-end: http://wordpress.org/extend/plugins/blue-admin-bar/

If those colors don't suit, play around with the plugin to figure out how to do your own. The key thing to notice about the plugin version is that by using a hook to enqueue the stylesheets, it's possible to get the dashboard version as well -- adding to your theme's css will only affect the front end.

Answer 2

Add something like this to your styles.css:

#wpadminbar {
    background-color:#62BACE !important;
    background-image:-ms-linear-gradient(bottom,#62BACE,#6291cc 5px) !important;
    background-image:-moz-linear-gradient(bottom,#62BACE,#6291cc 5px) !important;
    background-image:-o-linear-gradient(bottom,#62BACE,#6291cc 5px) !important;
    background-image:-webkit-gradient(linear,left bottom,left top,from(#62BACE ),to(#6291cc)) !important;
    background-image:-webkit-linear-gradient(bottom,#62BACE,#6291cc 5px) !important;
    background-image:linear-gradient(bottom,#62BACE,#6291cc 5px) !important;
}

You will need to also style the anchor colors and stuff, but that will make the bar blue. You can change the colors how you see fit.