How to Change the Logo on Any WordPress Theme

Perhaps the #1 most common question we get from beginners is: “How do I change the logo on a WordPress theme?” This tutorial is the answer:

  • Step 1: Go and download the Firefox browser, if you haven’t done so yet: http://www.mozilla.com/en-US/firefox/personal.html. Firefox is much better than Internet Explorer or Safari for working on websites.
  • Step 2: Start Firefox so that you’re browing the web with it. We’re now going to install an extra toolbar for Firefox. It is called the “Web Developer” toolbar. Visit this page: https://addons.mozilla.org/en-US/firefox/addon/60
  • Step 3: Click “Add to Firefox” and follow the instructions, including restarting Firefox.
  • Step 4: The next time you open Firefox, you will see a list of links that starts with “Disable”, “Cookies”, “CSS” and ends in “Options”:

Wordpress and Firefox Toolbar

  • View Image InfoStep 5: Browse to the website where you want to change the logo. We’re going to use http://wordpress.org for this example.
  • Step 6: In the toolbar, click on “Images” which is the 5th link from the left. Then click “View Image Information” from the dropdown.
  • Step 7: You will now see a list of all the images on the site.
  • Step 8: Scroll down until you see the logo. You will see two pieces of information about it: Location ( http://s.wordpress.org/style/images/wordpress-logo.png ) and Size ( Width = 301 pixels, Height = 52 pixels ).

Wordpress Logo

  • Step 9: You need to make a new logo that is the same width and height as the old.
  • Step 10: Use your favorite file manager to upload the new logo to the location you found in Step 8. It is better to rename rather than delete the old logo. You could call it logo-backup.png for example.

{loadposition wordpressnewsletter}

Instructor

  • Rod holds two masters degrees and has been training people how to do "things" for over 25 years. Originally from Australia, he grew up in Canada and now resides just outside Cincinnati, Ohio. He has worked in both the non-profit and for-profit worlds, in small companies and large corporations. His extensive open source experience includes WordPress, Joomla, Drupal and Moodle and he really knows how to help you get the most out of the system you chose. Rod plays ice hockey a couple of times a week and rides his Goldwing motorcycle pretty much everywhere he can.

0 0 votes
Blog Rating
Subscribe
Notify of
7 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
RWA

I followed the 10 seteps on How To Change the Logo On Any WP Theme. At step 10 I assume I was suppose to change the name of the new replaecment logo to the same name as the original logo, and change the name of the original logo to something else like backup-logo. This would allow the Theme to reference the new logo without deleating the old one. When I refreshed my site I lost the logo all together.

Steve Burge

Hi RWA

Yes, that’s the right thing to do. If your new logo does have the same name as the old one and is uploaded to the same place, it should work so long as it’s a valid image.

alfaz

hi i couldn’t understand step 10 , i am no getting what is a file manager and how can i upload a image. i have my blog by name [url=http://www.zaaph.com]www.zaaph.com[/url]

and there are certain images on my home page which inherited in the theme template that i bought and i wuould like to remove them but am facing dificulties can anyone help

Nick

Hi alfaz,

Ask your host where your hosting’s file manager is located. They will likely be using cpanel (doesn’t look like your site is though), plesk, or perhaps a custom solution. They should hopefully have a tutorial on how to use it as well.

Alternatively you can follow this tutorial and use elFinder:

[url=http://www.ostraining.com/blog/wordpress/how-to-install-file-manager-elfinder-in-wordpress/]http://www.ostraining.com/b…[/url]

Kind regards,

Nick

yeahtav

really cool and every steps works precisely as said

Marketer

For me this is not enough, i don’t know maybe i am doing something wrong. I want to put my logo a little up, you can see how it looks now – [url=http://9eu.it/]http://9eu.it/[/url]

Bruce Fraser

I understand this. But there’s a problem: what are the chances that every logo happens to be precisely 301 x 52 pixels? I suggest it’s almost certain that the logo used for a replacement will be a different size and shape. So some guidance there will be helpful.

7
0
Would love your thoughts, please comment.x
()
x