Edit WP Toolbar font color

Hi there!

The font color of the admin toolbar was a little tricky to change – here is how I did it:

#wpadminbar a.ab-item,
#wpadminbar>#wp-toolbar span.ab-label,
#wpadminbar>#wp-toolbar span.noticon {
	color: royalblue;
}

Here is the result:

In case you want to change the background, it is much simpler:

#wpadminbar {
	background: lemonchiffon;
}

If you combine both style changes, this is the result.

In case you aren’t already using one, it’s is recommended that you use a child theme to make changes to the code – you can find out how to to that here.

However – if you simply want to alter the appearance (styles.css) like in the above example, you can use the Custom CSS module that comes with the Jetpack plugin. You could then make all your custom CSS changes in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS – safely – without worrying about these being wiped out during the next upgrade.

Hope this helps – let us know how it goes!