Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

WordPress

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:

wp-content/themes/wpwuogcss/grid.css?ver=3.7.1'
<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.