how to reduce content width

You need to move your sidebar outside of the #content markup first. Then you can float the #content left.

Thanks for your post esmi, can you elaborate a little.
Where does the #content markup start and end? Is this the style.css or page.php file?

I’ve moved the sidebar out of the content in page.php. Now the sidebar is at the bottom of the page. Not sure if this is correct.
I have also tried to float the content by adding float: left; in style.css but it didn’t make any difference, the sidebar remained below.

There appeared tp be a missing </div> in the page.php file. I added this and the sidebar moved to the right. I then added “float:left” to the content as esmi recommended and this has brought the sidebar back to where i want it. Now, only one more step to go.
There appears to be a lot of space between the content and the sidebar. I have tried to reduce the size of the sidebar but this increases the space between the content and sidebar.

Ideally your sidebar should be inside the #container block.

Thanks esmi, i have moved the sidebar back into the content area of page.php and you can now see how the text wraps around it.
Any ideas why this happens?

Keep it out of the content area! It needs to inside the #container block but outside #content.

All sorted, putting the sidebar outside just didnt work for me. I kept it outside but reduced the width of the content and it seemed to do the job.
Thanks esmi

You’re welcome.