Update: As of Thesis 1.8, you can use the new Header Image option in the Thesis menu. In the admin area just go to Thesis > Header Image to upload your image. The way described below still works (and is what I do), but this new way will let you add a logo without editing code.
---
One of the most common modifications to the Thesis theme is replacing the header text with your own custom logo or image. What a lot of people forget to do is add a bit more code to make that logo clickable.
- First, upload your logo to the
/custom/imagesfolder. - Go to Thesis Options, and click "Header" under Display Options. Make sure "Show site name in header" is selected (it is by default).
- Open custom.css, and paste the following code. Make sure you change the height and width to match your logo's dimensions:
.custom #logo {background-image: url('images/logo.jpg'); background-repeat: no-repeat; width: 170px; height: 145px; text-indent: -9999px; }
.custom #logo a {width: 170px; height: 145px; display: block; outline: none;}
That second line is what a lot of people forget. If you don't include it, you'll have the logo up there but it won't be clickable. Now, when someone clicks it they are sent to the homepage.
And that's it!
No comments yet