How to Change the Logo on Any Wordpress Theme

January 10, 2010 | Written by Rod Martin

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":

Step 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 ).

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.

Comments

#1 RWA 2010-11-11 14:23

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.

#2 kl6H_steve 2010-11-12 12:33

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.

#3 alfaz 2011-07-28 19:11

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 www.zaaph.com

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

#4 Nick 2011-07-28 23:38

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:
ostraining.com/.../...

Kind regards,
Nick

#5 alfaz 2011-07-28 23:49

well Nick you are right my host didn't provide me with cpanel. and i look into the tutorial that you just posted and would let you know if i was successful.

i also facing difficulties that how can i customize my home page.

I installed the template as per instructions given by them. They gave me the psd files as well, but i am not getting that how can i customize my web home page.

#6 Jit Mukherjee 2011-10-21 11:13

How did you installed the wordpress? did you have uploaded the files and installed it? or your hosting service has installed it for you?

#7 yeahtav 2013-04-01 06:29

really cool and every steps works precisely as said

Add comment

Start Online Training

Members get access to all our video training. That's 1,142 training sessions in Joomla, Drupal, WordPress and Coding.

Manage All Your Joomla Sites

With Admincredible you can update and manage all your Joomla sites. If you have 5 or 500 sites, Admincredible will make your life easier! Visit Admincredible.com.

Latest Blog Posts and Tutorials

Blog Categories

Latest Comments

How to Use Joomla's Alternative Layouts for Modules
Comment by photofixations
wow--just had a OMG moment. Tks
Protect Drupal Content with Node Access Password
Comment by swathi
The password is not generated.. What can I do now?
VirtueMart - eCommerce for Joomla
Comment by rasel
yeah this is excellent. i will try
How to Add Video or Audio to a Joomla Article
Comment by t1m1976
You don't need an extension to play YouTube videos. Simply copy the "embedded" script ...
JPrc Cronjobs Provides Cron for Joomla
Comment by Gosling Cools
If want to run on your 'local' website. Can you leave out www.domain.com/index/php?

The License for Our Tutorials

All of our tutorials are published under the Creative Commons Attribution-NonCommercial license. This means:

You can re-use these tutorials.
You can modify these tutorials.
You must link back to our original tutorial.
You can't use these tutorials commercially.

Click here to read the full license.

WordPress Tutorials and Blog Posts