How can I change sidebar width size?

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,
    You have to edit your style.css file by replacing :

    .sidebar {
background: url(images/sidebar-divider.png) 0 0 repeat-y;
padding: 0 0 0 29px;
margin-top: 30px;
position: relative;
width: 260px;
float: left;
overflow: hidden;
}

    by : 

    .sidebar {
background: url(images/sidebar-divider.png) 0 0 repeat-y;
padding: 0 0 0 29px;
margin-top: 30px;
position: relative;
width: 300px;
float: left;
overflow: hidden;
}

    You will however have to change the width of your content block to 595px, otherwise the sidebar will not be able to float left to the content.

    Thread Starter Ronnie

    (@ronniesblog)

    thanks tom

    would you know please which value i should change here within the content ifo?

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    Change this : 

    .content {
float: left;
width: 625px;
padding: 15px 25px 0 10px;
overflow: hidden;
}

    to this :

    .content {
float: left;
width: 595px;
padding: 15px 25px 0 10px;
overflow: hidden;
}
    Thread Starter Ronnie

    (@ronniesblog)

    thanks for your time, much appreciated

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How can I change sidebar width size?’ is closed to new replies.