Header

How To Add A Filter To The Homepage H1

April 22, 2010

In a recent job I was doing, I needed to change the <h1> tag on the homepage of my client’s site. In Thesis, the homepage <h1> is set as the tagline, and I not only needed to change that, but have a simple solution for all my sites from here on out. My setup was [...]

13 comments Continue Learning Thesis →

How To Make A Rotating Header Image In Thesis

March 5, 2010

When Chris Pearson, the creator of Thesis, recently redesigned Pearsonified.com on Thesis, he did something amazingly cool: he put rotating images in his header area. Well, I was so inspired by his design that I wanted to figure out how he did it. It turns out that putting rotating images in your header is extremely [...]

50 comments Continue Learning Thesis →

How To Make Custom Headers For Each Page

July 1, 2009

Here are the few lines of CSS I used: .custom #header { background: #000; } .history_page #header { background: #ffd000; } .designers_page #header { background: #203ffe; } .about_page #header { background: #ccc; } Making custom headers for each page is as easy as typing. Thanks to Thesis, this process takes seconds, whereas with other themes, [...]

15 comments Continue Learning Thesis →

How To Put An Image As Your Header

June 18, 2009

I would like to start off by saying that many people think that the header must be purged of text before an image can be properly displayed. Well, those people are wrong. I therefore cannot stress enough that all Thesis users must fill in their Blog Title and Tagline. Blog Title and Tagline are found [...]

8 comments Continue Learning Thesis →

How To Embed A Flash Header

June 16, 2009

Embedding a flash header is fairly easy with Thesis. In this tutorial I will show how to do exactly that. One thing I will not cover is how to write the html necessary to embed flash. I will assume that you already have an embed code. Also, there are numerous ways to get your flash [...]

8 comments Continue Learning Thesis →

How To Create Space Above The Header (And/Or Below)

June 12, 2009

Thesis Tutor has a cool looking space above the header. That space really creates a “page” effect. Like many aspects of Thesis design, this is really easy to change. As with any CSS or PHP customization, you will have to follow the first four steps from my previous tutoring session. Use your favorite editor to [...]

5 comments Continue Learning Thesis →

How To Remove The Border From The Header

June 12, 2009

If you tried our first post where we moved the nav menu, you may notice a very nasty little border issue between the bottom of the header and the top of the nav menu. Yes, it is ugly and you need to get rid of that. Guess what? It is super easy. Here we go: [...]

2 comments Continue Learning Thesis →