Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial


grid.css Not Working with Theme

I'm following Zac Gordon's WordPress Theme track with the website I created using the "How To Build A Website" track. I'm not sure if I've missed something basic, but my grid columns aren't displaying on my site. It works and looks fine when I look at my original html/css locally, but converting it to a WordPress theme is where I have an issue.

This is what it currently looks like, and here are links to the source code and grid.css file.

As you can see, the text is spanning the entire width rather than 90% of it, which is what I am aiming for.

2 Answers

Matt Campbell
Matt Campbell
9,767 Points

I personally sacked grids off very soon after learning about them. They're an unnecessary file in my opinion.

Take your nav section which you've wrapped in a grid_12 omega div.

Is it not easier and better to just give the nav element a class of nav-container and write in CSS width:100%; margin:0; ???

As for why it's not working, your issue is a missing forward slash here, between wpwuog and css:

<link rel='stylesheet' id='grid-css'  href='http://localhost/wuog.org/wp-content/themes/wpwuogcss/grid.css?ver=3.7.1' type='text/css' media='all' />

That makes much more sense -- thanks so much, and for catching my error.