How to Change Color of Text in WordPress Admin Bar

I recently received a support question from a client wanting to know how to change the color of the text in the WordPress Admin Bar.

In the Pretty Chic theme, one of the theme’s color options is Navy, which is a beautiful color, but if you’re using the WordPress default color scheme, which has a black admin bar, the text color can get lost in that black background.

To change the color is as simple as adding a small code snippet to the bottom of your stylesheet:

#wpadminbar .ab-empty-item, #wpadminbar a.ab-item, #wpadminbar>#wp-toolbar span.ab-label, #wpadminbar>#wp-toolbar span.noticon {
color: #fff !important;
}

To do this, go to:

1. Dashboard
2. Appearance
3. Editor
4. Stylesheet
5. Scroll to the bottom of your stylesheet, and add the code shown above to the bottom of your stylesheet
6. Update file

Here’s a little video screen capture I created, showing how easy this is to accomplish, and here’s a screenshot of the change: