Sign up ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

WordPress 3.8 is out I have the following code to remove admin bar logo.

 function no_wp_logo_admin_bar_remove() {
    global $wp_admin_bar;
add_action('wp_before_admin_bar_render', 'no_wp_logo_admin_bar_remove', 0);

However I would like to know how can I replace it with my own logo (upload) and not a dashicon?

share|improve this question

1 Answer 1

That's controlled by a Dashicon (font icon) and a before statement:

#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
content: '\f120';
top: 2px;

What you'd want is to replace the content call.

Use a built in Dashicon from here:

So the smilie would be content: '\f328;`

share|improve this answer
But as the question asks, what about a specialized image that you uploaded? Not a built in icon. –  Howdy_McGee Dec 12 '13 at 22:09
Change the content to put an image in. content: url(image.jpg); (The question said 'logo' not 'image' so I didn't presume, and figured they could look up how to use before and content :) ) –  Ipstenu Dec 12 '13 at 22:21

Your Answer


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.