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

CSS

Posted by Brent Ellingson
Brent Ellingson
286 Points

How to Build a Website: Changes made in "main.css" file do not appear when I refresh the preview website.

When I add a main.css file and place it under normalize.css file in the HTML doc, and then attempt to make stylization in the "main.css" workspace, none of the changes that I make appear when I preview the website. I have checked numerous times to make sure my code looks identical to the instructors in the video.

<link rel"stylesheet" href"css/normalize.css"> <link rel"stylesheet" href"css/main.css">

Then in "main.css" when I enter:

body { background-color: orange; }

Nothing happens. Is there some reason why my new CSS file is not linking with my HTML?

Thank you.

3 Answers

Aaron Loften
Aaron Loften
12,864 Points
Aaron Loften
Aaron Loften
12,864 Points

Hello Brent,

Could you send a snapshot or possibly a screenshot of index.html? It could be that it is not linked correctly. Im thinking the first step is showing us how it is being referenced. Moving forward, we can then try to solve it.

I would start by ensuring the line in the <head> section that references your css file is properly utilized. You can do this by copying the line that leads to normalize and swapping out the path.

Again, there is no way to be certain until we see the reference or the directory tree.

Brent Ellingson
Brent Ellingson
286 Points
Brent Ellingson
Brent Ellingson
286 Points

<link rel"stylesheet" href"css/normalize.css"> <link rel"stylesheet" href"css/main.css">

This is how it is linked in the html document.

Aaron Loften
Aaron Loften
12,864 Points
Aaron Loften
Aaron Loften
12,864 Points

Hey Brent,

Consider the following...

<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">