Zurb Foundation 3 - Full Width Sections & Change Max Width?

Question

Im using ZURB Foundation 3 on a project of mine. I love grid systems and responsive sites but my issue is I still strongly believe they should be built wider then 1000px.

<

Answer 1

Update: Please stop down voting this post. The framework has changed significantly since the question was answered. If you are using Foundation 4 or higher, please see the updated answers and up vote them.

For Early versions of Foundation 3 only Add the following override to your CSS (This must appear after or at the end of foundation.css)

.row {
     width: 100%;
}

This will override the default with of the framework and make the design go full screen. Feel free to change this value to suit your needs.

There is also a customized download available at http://foundation.zurb.com/download.php (which probably does the same thing, overrides or replaces .row width)

Answer 2

Editing/overriding foundation is easy. In Foundation 4 you can edit your _settings.scss file. Uncomment out $row-width: emCalc(some_number.px); to a row-width you'd like to use.

Answer 3

Uncommenting $row-width: rem-calc(1000); worked for me