Alterando largura das colunas

Procure no seu código HTML as seguintes tags:


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:0px;
text-align:left;
font: $bodyfont;
background-color: #bgcolor;
}


#main-wrapper {
background-color: #F3F3EB;
border-top: 3px solid $bordercolor;
border-left: 3px solid $bordercolor;
border-bottom: 3px solid #43433B;
border-right:3px solid #43433B;
margin-left: 5px;
width: 550px;
float: left;
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 {
background-color: #F3F3EB;
border-top: 3px solid $bordercolor;
border-left: 3px solid $bordercolor;
border-bottom: 3px solid #43433B;
border-right:3px solid #43433B;
margin-right: 0px;
width: 250px;
float: right;
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 */
}


Tudo o que está contido em #main-wrapper se refer a coluna do post. Assim, para aumentar ou diminuir a largura desta coluna você deve alterar os valores que estão em WIDTH.

Tudo o que está contido em #sidebar-wrapper se refere a coluna lateral do template (no caso de um template com uma coluna em cada lateral, aparecerá duas vezes). Aqui também os valores de WIDTH devem ser alterados. Cuidado para não desconfigurar completamente o template! Obedeça as dimensões que estão contidas na tag acima, em #outer-wrapper , sem ultrapassá-la!

0 comentários: