Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Add a Custom Dashboard Logo in WordPress

Do you want to add a custom dashboard logo in WordPress? Often people replace WordPress logo with a custom dashboard logo for branding purposes. In this article, we will show you how to add a custom dashboard logo in WordPress for branding.

Custom dashboard logo in WordPress

Method 1: Adding a Custom Dashboard Logo in WordPress Using a Plugin

This method is easier and recommended for most beginners.

First thing you need to do is install and activate the White Label CMS plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Settings » White Label CMS page and click on the Branding tab to expand it.

Adding custom dashboard logo in WordPress using White Label CMS plugin

Next, you need to click on ‘Yes’ to hide the WordPress logo and then upload your own custom logo. The custom logo should be exactly 16 x 16 pixels in dimensions.

Don’t forget to click on the save changes button to store your settings.

Custom logo in WordPress dashboard

Aside from custom dashboard logo, White Label CMS also offers other features to rebrand your WordPress installation. See our guide on how to white label the WordPress admin dashboard for detailed instructions.

Method 2: Manually Adding Custom Dashboard Logo in WordPress

This method is for users who are comfortable pasting code snippets in WordPress.

First you need to save your custom logo as custom-logo.png file on your computer. It needs to be exactly 16 x 16px in dimensions.

Once you have your custom logo ready, you need to upload it to /wp-content/themes/your-theme/images folder using FTP. If your theme does not have an images folder, then you need to create it.

After uploading you custom logo image, simply add this code to your theme’s functions.php file or a site-specific plugin.

function wpb_custom_logo() {
echo '
<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/custom-logo.png) !important;
background-position: 0 0;
color:rgba(0, 0, 0, 0);
}
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-position: 0 0;
}
</style>
';
}

//hook into the administrative header output
add_action('wp_before_admin_bar_render', 'wpb_custom_logo');

This code simply adds CSS required to display your custom logo in the WordPress admin bar.

That’s all we hope this article helped you learn how to add a custom dashboard logo in WordPress for branding. You may also want to see our guide on how how to hide unnecessary items from WordPress with Adminimize.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

12 CommentsLeave a Reply

    • If you wanted to override a plugin’s logo then you would want to reach out to the support for that specific plugin and they may have an option.

      Admin

  1. i change the wordpress custom logo with the help of white label CMS plugin but i dont know how to find this code to your theme’s functions.php file or a site-specific plugin. where it is please help me
    thank you

  2. Where is the file located?
    I mean, the logo itself must be a png (transparent picture) of the WP-logo, placed somewhere in WP.

    So, would it not be better to just switch that with another file with the same name?

  3. This does’nt wok for me. I made the 16×16 png and put it in my themes images folder and pasted the function to my functions.php file.

  4. A great article information with some great tips sharing that I will be implementing on my own website as well as clients.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.