I had to add a header graphic to a site using the Thesis the other day. I found this blog post on how to do it and it worked really well. However, there were a few additional tips which helped me along the way.
1. Initially I put the image in the wrong folder. My mistake. The header graphic should be uploaded to the “custom/images” directory of your Thesis theme installation.
2. In following the tutorial I copied the CSS from the tutorial however, it took some fiddling to get my image to position correctly. In the end it was simply a case of reducing the height of the .custom #header #logo thus:
a { display: block; height: 100px;
I also had to move my logo image down a bit for it to look right using the css code change:
.custom #header { padding: 20px 0px 0px 0px; }
What this is tell the image to add a 20px padding to the top. It is using the shortened form of padding property. The padding property can have from one to four values for example:
padding:25px 50px 75px 100px;
- top padding is 25px
- right padding is 50px
- bottom padding is 75px
- left padding is 100px
Hope that helps.
{ 1 comment… read it below or add one }
Yeah. I just did the same thing. Found the same (minor) problems, and arrived at the same (mostly) solution.
Good post,
Karl A. Krogmann