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! While you're at it, check out some resources Treehouse students have shared here.

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

JavaScript AJAX Basics (retiring) Programming AJAX Processing JSON Data

Posted by Sally Gradle
Sally Gradle
24,694 Points

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

Gaylen Miller
Gaylen Miller
19,286 Points

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.

Sally Gradle
Sally Gradle
24,694 Points
Sally Gradle
Sally Gradle
24,694 Points

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.