Disappointed with the standard blog templates? Text area too small? Well with just a few changes to your blog template you can make your blog much more laptop friendly (wider) by hand tweaking any template. Here's how:
Select 'Layout' -> 'Edit HTML'
Then modify the following lines in your template.
#header-wrapper {
width:1024px; margin:0 auto 10px;
border:1px solid $bordercolor;
}
#outer-wrapper {
width: 1024px; margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 800px; float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 200px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
No comments:
Post a Comment