Monday, February 21, 2011

How to Find Header, Sidebar, and Main Column Width

Usually, we want to change our blog header, sidebar, and main column width. Because maybe we feel our blog sidebar is too wide, but many bloggers don't know where the place to change it. So, in this trick, I will share to you how to find header, sidebar, and main column width. You can find header, sidebar, and main column width with this code : (Each template has different code, but you can find with red code)

For Header
#header-wrapper {
height:130px;
margin:0 auto;
position:relative;
width:979px;
}

For Main Column
#main-wrapper {
background:white
border:1px solid #AEAEAE;
float:left;
margin-right:20px;
padding:20px;
width:617px;
}

For Sidebar
#sidebar-wrapper {
float:left;
overflow:hidden;
width:300px;
}

Then? For next step, it's up to you. You can change the width or add some pictures.

No comments:

Post a Comment