How To Add A Custom Header To Your Thesis Website

Adding a masterhead into the header requires you to style two elements of your page: your #header div & the #logo element. Here’s the code you’ll need to add to your custom.css file:

#header {
 border: none;
 background-image: url(images/header.gif);
 background-repeat: no-repeat;
 height: 160px;
 padding: 0;
}

.custom #header #logo a {
 text-indent: -9999px;
 width: 170px;
 height: 160px;
 display: block;
 float: left;
}

Additional Notes

• In the above code, you’ll need to customize the orange parts of the code.
• The header image will go into the /thesis_16/custom/images directory.
• From the Thesis Options page, in the Display Options page there is an option set for Header. Expand this option set and disable ‘Show site tagline in header’ and hit save.

This is the same technique I’ve used on http://www.sacramentocomedy.com so I know it works.

Got questions or comments? Feel free to leave a comment below. I’ll respond back as quickly as I can.