Lo primero es cambiar el ancho donde voy a postear buscando el código:
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 920px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 680px;
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: 220px;
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 */
}
cambio en los tres # los valores de width (ancho en inglés). De éste modo tengo un blog más ancho y "apetecible" deleer.
Observamos que ha cambiado el ancho del blog pero no de la cabecera (header) para ello
busquemos los códigos
#header-wrapper {
width:920px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
y
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:920px;
text-transform:normal;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
haciendo coincidir sus anchos con los de outer wrapper.
Idem para el footer:
/* Footer
----------------------------------------------- */
#footer {
width:920px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:normal;
letter-spacing:.1em;
text-align: center;
}
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario