How to use the full page

Question

I'm trying to figure out how to get rid of the whitespace on this page: http://www.seccbiblebowl.org/calendar/

I need the calendar to be full page. On the edit page screen, there's an option to set the template as "full page, no sidebar" but it doesn't expand my content area.

Is there a setting I'm missing?

Answer 1

In the theme you have choosen (twenty ten) - the main Container
where you page / post is posted is the div:

<div id="content" role="main">
<!-- YOUR CONTENT IS PUBLISHED HERE -->
</div>

.
This div has a maximum width of 640 pixels...
if you want to change that you can do one of three things.

1. Change it in your css file (would affect the whole site)
2. Create a custom page template and change that by adding
   Some css onPage..
3. use custom fields to embed the css in to your header
   (my favorite way but need some coding <-- a little bit)

.
Hope this helps... its just a css issue.. not really a wordpress one.

Cheers, Sagive.

Answer 2

Add following css rules to style.css file:

#content{ width:100% !important; }
.one-column iframe{ width:100%; }