How to replace image logo

This tutorial will show you how to replace the image logo in WordPress WordPress is web software you can use to create a beautiful website or blog. We like to say that WordPress is both free and priceless at the same time. The core software is built by hundreds of community volunteers, and when you’re ready for more there are thousands of plugins and themes available to transform your site into almost anything you can imagine. Over 60 million people have chosen WordPress to power the place on the web they call “home” — we’d love you to join the family. .

Logo upload

Most recent WordPress themes have the ability to change the logo through the WordPress admin panel.

1. Open the WordPress admin panel, go to Appearance > Logo.

(click to enlarge)

2. Here you can Browse for the logo image on your computer and upload it to your website.

Change logo dimentions

In most cases the customer’s logo have different dimentions from the original theme logo. To make it fit the layout you need to perform some CSS file modifications.

1. Open the style.css file from the wp-content/themes/theme### folder with your HTML/CSS editor (Notepad, Adobe Dreamweaver, Microsoft Expression Web etc)

2. Then you need to locate the logo styles in the style.css file. This could be done manually looping through the css file or you can choose more easy way.

To find the logo styles you can use your browser capabilities that allow you to see the styles of the website elements.

For Mozilla Firefox you can install Firebug plugin.

For IE 8 you can use Tools > Developer Tools.

For Google Chrome and Opera you can use Inspect Element option (right click > Inspect Element)

These tools allow you to selec tthe element (logo in our case) and see it’s styles.

(click to enlarge)

Change the logo styles. in the CSS file to match the theme layout.

Feel free to check the detailed video tutorial below:
How to replace image logo