Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

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...

share|improve this question

2 Answers 2

up vote 1 down vote accepted

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.

share|improve this answer
    
OMG Thank you for that plugin - I completely forgot about. The coloring is almost perfect and almost perfect will do for me, especially because it avoids technicalities and problems etc. Thanks again. –  Andy Mar 14 '12 at 19:35
    
You're welcome! –  sabreuse Mar 14 '12 at 20:38

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.

share|improve this answer
    
Thanks, but like I said - I really don't know CSS and when you hover over some parts, it still turns grey etc. I'm sorry but I'm really quite lost here. Thanks for your answer though - I hope you can provide me with some further code/help... –  Andy Mar 13 '12 at 21:00
    
Looking into it a bit further, it's more complicated. The normal place you would put the styles (Since you aren't supposed to touch anything outside of your theme) doesn't get loaded in the admin panel. You would need add a PHP function to initialize it on the admin panel before you could even start restyling the admin bar. Additionally, the admin bar could change, meaning your styles could stop working at some point (the menu has been updated twice this year already). Without understanding all this, what you are asking for is a risky change and you should probably just disable the menu. –  Matthew Darnell Mar 13 '12 at 21:10
    
I thought that would be the case from the lack of information online. As you can see I have accepted @sabreuse's answer because the plugin he mentioned does almost exactly what I need but stops me from having to encounter what you have mentioned in your previous comment etc. Thank you anyway - I appreciate your help! –  Andy Mar 14 '12 at 19:39

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.