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
