Update: In Thesis 1.8 and later, there is a Header Image option available in the Thesis menu. In your WordPress admin go to Thesis > Header Image to upload a logo or header image without editing code. The method described below still works and is useful if you prefer to control the implementation manually.
—
Many users replace the header text in the Thesis theme with a custom logo or image. One detail that is often overlooked is ensuring the logo is clickable and links back to the homepage. Follow these steps to upload and configure a clickable logo.
- Upload your logo file into the
/custom/imagesdirectory of your Thesis installation. - In the WordPress admin, open Thesis Options and under Display Options click “Header.” Ensure “Show site name in header” is enabled (this is the default setting).
- Edit your
custom.cssfile and add CSS to display the image as the header logo. Update the width and height values to match your logo’s actual dimensions. For example:
.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; }
The second rule (.custom #logo a) is essential: without it the logo area may be visible but not clickable. With that anchor styled as a block and sized to the logo, clicking the image will take visitors back to your site’s homepage.
That’s all you need to set up a custom, clickable logo in the Thesis theme.