Modificar tamaños de las secciones de la plantilla:

Para modificar los tamaños de los diferentes elementos de la página:

• Header (Cabecera)
• Main Wrapper (Sección de Posteo)
• Side Bar(Barra Lateral)
• Post footer (Pie de página)


Vamos a Diseño, Edición de HTML:

• Cabecera:
Buscar "#outer-wrapper {", y modificar el atributo de width (ancho), por el deseado:

#outer-wrapper {
width: 750px;
margin:0 auto;
padding:0px;
text-align:left;
font: $bodyfont;
}


• Sección del posteo:
Buscar "#main-wrapper {", y modificar el atributo de width (ancho), por el deseado:

#main-wrapper {
width: 500px;
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 */
}

• Barra lateral:
Buscar "#sidebar-wrapper {", y modificar el atributo de width (ancho), por el deseado:

#sidebar-wrapper {
width: 220px;
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 */
}


Ten en cuenta que la suma del ancho de la barra lateral y de la seccion de posteo no debe superar el tamaño de la cabecera, ademas se sugiere que ambos sumen 30 px(pixeles menos que el tamaño predetermiando para el ancho de la cabecera)


• Pie de página:
Buscar "#footer-wrapper {", y modificar el atributo de width (ancho), por el deseado:

#footer-wrapper {
clear: both;
width: 928px;
margin: 0 auto;
padding-top: 40px;
}

El ancho de pie de página debería ser el mismo que el de la cabecera para que quede un diseño armonioso.