Gradient header

Start with this snippet to change the Header Background.

I’ll try to work out a better solution for the gradient.

OK, change the black/white to what you need:

header.tc-header {
background-image: linear-gradient(to bottom, white, black);
background-repeat: repeat-x;
}

That’s a generic solution and needs to be extended for browser support.

Different patterns can be achieved too.

See here.

So here’s a better solution:

background-image: -moz-linear-gradient(top, red, blue);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(red), to(blue));
background-image: -webkit-linear-gradient(top, red, blue);
background-image: -o-linear-gradient(top, red, blue);
background-image: linear-gradient(to bottom, red, blue);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='red' , endColorstr='blue' , GradientType=0);

Change red/blue to what you want.

Now included in this Snippet