[solved] Make main content take up entire page width

[Griffin]

Is it possible to move the main content area so it is centered across the width of the page? I want to get rid of this white space. Also, I'm using the simplex template. Site: http://easttowestdiversity.com

[Dr.CSS]

There is a good chance that there is a content block on that side and you just never put anything in it so it shows up empty...

<!-- .sidebar (then show sidebar) -->
<aside class='sidebar grid_4 pull_8'>
this is where it would be in the template

</aside>
<!-- .sidebar //-->

You may also want to look at the HTML...

http://validator.w3.org/check?verbose=1 ... ity.com%2F

[Griffin]

Yes, the problem is I did use the News plugin that was included with the install of simplex, but I have already tried to remove it, but its still got its space there.

This is my content template, the news bit is already taken out, but I'm still having the problem

Code: Select all

  <!-- .content (actual content with title and content tags) -->
            <article class='content' id='main' role='main'>
                <h1>{title}</h1> {* title tag *}
                    {content} {* content entered in page editor area *}
            </article>
            <!-- .content //-->

Now I thought there must have been some bit in the CSS that made the width of the content to that size, but I cant find it. I really appreciate the help!!

[Griffin]

so i figured this out!

I had to remove the line
.container .push_4 { left:33.333% }

and change the line
.container .grid_8 { width:66% }

to
.container .grid_8 { width:100% }

[Dr.CSS]

And that is why I roll my own and don't use 'frameworks'(washes his mouth out), if you didn't code it you don't really know what does what and most have WAY more code than will ever be needed on a site as they are trying to cover every possible situation instead of building just for what is needed...