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.

JavaScript AJAX Basics (retiring) Programming AJAX Processing JSON Data

Different CSS File?

I got the page to load the names as a bullet list, but the CSS does not appear to be applied. That is, it is not the same as in the video. The text is all black Times New Roman; the list appears below the main text, and the bullets are just round bullets, not the red or green "out" or "in". Is the CSS with the workspace different?

Here's the weird part: It looks okay when I put it in CodePen.

2 Answers

This is where you get to start developing your debugging skills. There are a couple places see more about what is happening. The first is the developer tools. Right-click on one of the labels and pick "Inspect Element". The browser will show which styles are being applied and where they come from. Make sure that your styles are in the list.

Another way to check the composition of the page is to do the "View Source". Once you see the page, click the link to your CSS file and make sure the browser is finding it in the location you've specified.

I am using the workspace that opened with the video?? The Index and CSS files are pre-loaded and not altered. I just downloaded new copies and that seemed to fix it.