Widen your blogsite - WIDTH

TOPIC: Widen your outer wrapper
1. Go to Customize then Layout tab then edit HTML.

2.Press "Ctrl F" and find this

#outer-wrapper {

3. From the default size
#outer-wrapper {
width: 700px;

change to

#outer-wrapper {
width: 950px; - any size you like

4. Then save..ü

=================================

TOPIC: Widen your MAIN wrapper

Next you will notice that your main wrapper needs also to resize.

1. Go to Customize then Layout tab then edit HTML.

2.Press "Ctrl F" and find this

#main-wrapper {

3. From the default size

#main-wrapper {
line-height: 1.4;
float: $startSide;
padding: 10px 12px;
border-top: solid 1px #fff;
width: 428px;
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 */
/* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
voice-family: "\"}\"";
voice-family: inherit;
width: 404px;

change to

width: 500px; - any size you like (but its recommended already)

4. Then save..ü

=================================

TOPIC: Widen your SIDEBAR wrapper

Next you will notice that your sidebar wrapper needs also to resize.

1. Go to Customize then Layout tab then edit HTML.

2.Press "Ctrl F" and find this

#sidebar {

Or

#sidebar-wrapper {


3. From the default size

#sidebar {
float:$endSide;
border-top: solid 1px #fff;
padding-top: 4px;
padding-$endSide: 0;
padding-bottom: 0;
padding-$startSide: 7px;
background: #fff;
width: 264px;

change to

width: 350px; - any size you like (but its recommended already)

4. Then save..ü