Andrew Rea

I only noticed today that you can to the head element of the ASP.NET blog using the Raw Header Header Text Box inside the Control Panel.  I have as you can see made a few changes which I have actually wanted to do for a while but thought that constraints prevented me from doing so.  If you log in whilst on your ASP.NET blog and go to Control Panel, click Global Settings and finally click Title, Description, and News.  There is a Text Box at the bottom, or rather the last one and it is called Raw Header.  I have used it to add custom styling to the blog, but I suppose you could use it for other things which can be achieved by utilising the page header.

One thing I wanted to do was to expand the element which contained my header image, as:

1. I knew it was wider than that
2. I wanted the image container element to stretch with the new width of my blog, so it basically looked a little cleaner.

I used to following CSS to achieve what you see here. Nothing too exciting but it gets what I want lol :-).

<style tye="text/css">
#header{width:100%!important;}
#navigation{background-color:SteelBlue!important;}
#navigation a{color:#FFFFFF!important;font-family:"Trebuchet MS"!important;}
.post{border-bottom:SteelBlue 1px dashed!important;}
h2,h3{color:SteelBlue!important;}
.postcommentarea a{font-size:450%!important;color:LightSteelBlue!important;}
</style>

Notice I use the !important syntax after each value.  This means that it will override any other setting of that particular property in the page CSS.

Cheers

Andrew :-)