How do I change this column width?

HTML & CSS
1

I’m trying to set up a new theme in WordPress using the ComicPress plugin. I’ve created a child theme where I’ve changed the width of the default page from 780 to 960px. All works well except I cannot find out where the width of the righthand column is defined. At the moment it seems to be overwriting the main body of the page:
Website is here http://www.strangenessandcharm.net any clues would be greatly appreciated.
TIA

2

This rule defines it :slight_smile:

#sidebar-left, #sidebar-right {    float: left;
    padding: 5px;
    width: 200px;


}
3

Thanks, so any idea why the grey area is 390px wide?

4

If you mean why is there so much space between the columns, it’s because you set a gray background on the parent, “#content-wrapper”. That causes all of the space to be gray.

Now, since you have the right sidebar floated right, and the total widths of both the left and right sidebar isn’t enough to touch each other, there is “whitespace” between the columns.

Not to mention the right sidebar doesn’t have a background color set :).

5

Adding colour to the right sidebar really helped. I can see what I’m doing now! thanks for your help.

6

Glad I was able to help :). You’re welcome.